/*
Theme Name: Insurance Hub
Theme URI: https://www.canyonthemes.com/downloads/insurance-hub/
Author: canyonthemes
Author URI: https://www.canyonthemes.com/
Description: Insurance Hub is professional-looking multi-purpose theme with both responsive and retina ready. Insurance Hub is built for multi purpose, it can be use in businesses, web apps, or general company site to promote your services or business etc. it is totally customizer base theme with live eidt. It offers a massive  features, implemented in order to improve and complement any website.
Version: 1.1.5
Requires PHP: 7.0
Tested up to: 5.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: insurance-hub
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, blog, portfolio, e-commerce

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.

Insurance Hub 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Grid
# Global
# Normalize
# Typography
# Elements
# Forms
# Header
  # Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
--------------------------------------------------------------*/
/*
Table Of Contents
1) Common Style
2) Header Section
3) About Us4) Our chairman
5) Services Section
6) Clients Section
7) Whatwe Section
8) Team Section
9) Testimonial Section
10) Contact
11) Purchase Now
13) Preloader

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

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

## Captions

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

a:focus {
    text-decoration: underline !important;
}

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

.sticky {
    display: block;
}

.bypostauthor {
    display: block;
}

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

}

/*---------------------------------------
17) Widgets
-----------------------------------------*/
.widget {
    margin: 20px 0;
}

.widget .widget-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase;
}

.widget .widget-title::before {
    border-bottom: 3px solid #54be73;
    content: " ";
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
    position: absolute;
    top: 5px;
    width: 30px;
}

.widget .search-form {
    margin-top: 20px;
}

.widget .searchsubmit {
    border: 0 none;
    border-radius: 0;
    float: right;
    line-height: 13px;
    margin-top: -37px;
    padding: 6px 12px;
}

.widget ul {
    list-style: inside none circle;
    margin: 0;
    padding: 0;
}

.widget ul li {
    border-bottom: 1px solid #eeeeee;
    display: block;
    margin-bottom: 10px;
}

.widget ul li a {
    color: #2b2b2b;
    display: inline-block;
    font-family: 'Heebo', sans-serif;
    font-size: 14px;
    padding-bottom: 10px;
}

.widget ul li a:hover {
    color: #54be73;
}

.widget ul li i {
    margin-right: 10px;
}

.widget .latest-posts {
    margin-top: 40px;
}

.widget .latest-posts .latest-item {
    margin-bottom: 40px;
    margin-top: 25px;
}

.widget .latest-posts .latest-item .posted {
    float: left;
    margin-right: 15px;
    width: 60px;
}

.widget .latest-posts .latest-item h6 {
    display: inline;
    font-family: 'Heebo', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 10px;
}

.widget .latest-posts .latest-item a:hover h6 {
    color: #54be73;
}

.widget .latest-posts .latest-item img {
    float: left;
}

.widget .latest-posts .latest-item ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.widget .latest-posts .latest-item ul li {
    border-right: 1px solid #666666;
    color: #888888;
    display: inline-block;
    font-family: 'Heebo', sans-serif;
    font-size: 12px;
    padding-right: 10px;
}

.widget .latest-posts .latest-item ul li i {
    color: #54be73;
    font-size: 14px;
    margin-right: 5px;
}

.widget .latest-posts .latest-item ul li:last-child {
    border-right: medium none;
    margin-left: 10px;
}

.widget .recent-tweets {
    margin-top: 60px;
}

.widget .recent-tweets .first-item {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
}

.widget .recent-tweets .recent-item {
    margin-bottom: 15px;
}

.widget .recent-tweets .recent-item i {
    background: #54be73 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 20px;
    line-height: 35px;
    margin-top: 3px;
    padding: 3px;
}

.widget .recent-tweets .recent-item p {
    border-left: 2px solid #54be73;
    margin-bottom: 0;
    margin-left: 25px;
    padding-left: 10px;
}

.widget .recent-tweets .recent-item a {
    color: #54be73;
}

.widget .recent-tweets .recent-item span {
    color: #7e7e7e;
    font-family: 'Heebo', sans-serif;
    font-size: 12px;
    margin-left: 35px;
    text-decoration: underline;
}

.widget .sidebar-widget h4 {
    font-family: 'Heebo', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.widget h4 {
    position: relative;
}

.widget h4::before {
    border-bottom: 3px solid #21252b;
    content: " ";
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
    position: absolute;
    top: 5px;
    width: 30px;
}

.widget h4.title {
    color: #333;
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
}

.widget h4.title {
    margin-bottom: 10px;
}

.widget.widget_meta li {
    display: inline;
    border: 0;
}

.widget.widget_meta a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    color: #656565;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin: 0 5px 10px 0;
    padding: 10px;
    text-transform: lowercase;
}

.widget.widget_meta a:hover {
    background: #54be73 none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}

/*--------------------------------------------------------------
# Spacing
--------------------------------------------------------------*/
.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-60 {
    margin-top: 60px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .m-t-10-sm {
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .m-t-15-sm {
        margin-top: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .m-t-30-sm {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .m-t-10-xs {
        margin-top: 10px;
    }
	.container, .container-sm {
	max-width: 100%;
	}
}

@media (max-width: 767px) {
    .m-t-15-xs {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .m-t-30-xs {
        margin-top: 30px;
    }
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 10px;
}

.p-20 {
    padding: 20px;
}

.p-30 {
    padding: 30px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-t-70 {
    padding-top: 70px;
}

.p-t-80 {
    padding-top: 80px;
}

.p-t-90 {
    padding-top: 90px;
}

.p-t-100 {
    padding-top: 100px;
}

.p-t-110 {
    padding-top: 110px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.p-b-60 {
    padding-bottom: 60px;
}

.p-b-70 {
    padding-bottom: 70px;
}

.p-b-80 {
    padding-bottom: 80px;
}

.p-b-90 {
    padding-bottom: 90px;
}

.p-b-100 {
    padding-bottom: 100px;
}

.p-b-110 {
    padding-bottom: 110px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-tb-5 {
    padding-bottom: 5px;
    padding-top: 5px;
}

.p-tb-10 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.p-tb-15 {
    padding-bottom: 15px;
    padding-top: 15px;
}

.p-tb-20 {
    padding-bottom: 20px;
    padding-top: 20px;
}

.p-tb-30 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.p-tb-60 {
    padding-bottom: 60px;
    padding-top: 60px;
}

.p-lr-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.p-lr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.p-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.p-lr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.no-p {
    padding: 0;
}

.no-p-t {
    padding-top: 0;
}

.no-p-l {
    padding-left: 0;
}

.no-p-r {
    padding-right: 0;
}

.no-p-b {
    padding-bottom: 0;
}

.no-p-tb {
    padding-bottom: 0;
    padding-top: 0;
}

.no-p-lr {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 767px) {
    .p-l-10-xs {
        padding-left: 10px;
    }
}

/**
* Global Styles.
**/
/*
 1) - common style
 ----------------------------------------*/
.clients-section {
    position: relative;
}

.clients-section:after {
    content: "";
    position: absolute;
    background: rgba(0, 230, 149, 0.70);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.section-header h1 {
    font-size: 26px;
    color: #333333;
    font-weight: 700;
    line-height: 1.2em;
    padding-bottom: 22px;
    text-transform: uppercase;
}

.section-header span {
    position: relative;
    color: #777777;
    font-size: 14px;
    max-width: 670px;
    margin: 0 auto;
    margin-top: 30px;
    display: inline-block;

}

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

.over-bg {
    background: rgba(17, 33, 52, 0.8);
    height: 100%;
    width: 100%;
}

.ceo-section .container,
.team-section .container,
.clients-section .client-list,
.header-section .social-links {
    position: relative;
    z-index: 2;
}

.header-space {
    clear: both;
    padding: 49px 0;
}

.entry-header h1 {
    font-size: 28px;
}

.p-all-0 {
    padding: 0;
}

.separeter-line {
    position: absolute;
    left: 50%;
    margin-left: -22px;
}

.separeter-line .line-one {
    position: relative;
    height: 1px;
    width: 28px;
    left: 8px;
    margin-bottom: 1px;
    background-color: #54be73;
}
img {
    max-width: 100%;
    height: auto;
}

/*
2) Header Section
----------------------------------------*/

header.header-section {
    clear: both;
    width: 100%;
  z-index: 9999;
  position: relative;
}

.top-header {
    position: relative;
    font-size: 14px;
    color: #ffffff;
    background: #292929;
}

.contact-detail2 {
    margin: 0;
}

.contact-detail2 i {
    border-radius: 2px;
    padding: 3px 5px;
    color: #54be73;
}

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

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

.social-links ul li {
    display: inline;
    padding: 3px 5px;
    float: left;
}

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

.social-links ul li a:hover {
    color: #54be73
}

.social-links li:last-child {
    margin-right: 0;
}

.social-links ul li a:before {
    content: "\f0c1";
    font-family: FontAwesome, sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    padding: 3px 5px;
    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*="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";
}

.navbar-static-top {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
}
#bs-navbar {
	justify-content: flex-end;
}
.affix {
    position: fixed !important;
    z-index: 999;
    top: 0;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    width: 100%;
    border-radius: 0;
	left:0;
}

.navbar {
    padding: 0;
    margin: 0;
    min-height: inherit;
    background: #fff;
    width: 100%;
    border-radius: 0;
}

.navbar-brand {
    opacity: 1;
    width: auto;
    height: auto !important;
    padding: 25px 15px;
}

.navbar-nav {
    margin: 0;
}

.navbar-nav li {
    position: relative;
    display: inline-block;
    margin-right: 40px;
}

.navbar-nav > li:last-child {
    margin-right: 0;
}

.navbar-nav li a.btn {
    padding: 6px 12px !important;
    font-weight: 600;
}

.navbar-nav li a.btn:hover {
    padding: 6px 25px;
    background: #54be73;
    color: #fff;
}

.navbar-nav .active a.btn {
    padding: 6px 25px;
    background: #54be73;
    color: #fff;
}

.navbar-nav li a {
    position: relative;
    display: block;
    padding: 55px 0px;
    font-size: 12px;
    color: #333333;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 1;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'Heebo', sans-serif;
}

.navbar-nav > li:last-child a {
    background: #000;
    padding: 10px 20px;
    color: #fff;
    border-radius: 4px;
    margin: 45px 0;
}
.navbar-nav > li:last-child a:hover {
    background: #54be73;
    color: #fff;
}
.navbar-nav li:last-child.btn a,
.navbar-nav li:last-child.btn a:hover {
    color: #fff;
}

.navbar-nav li:last-child.btn {
    position: relative;
    top: -7px;
}

.navbar-nav li a:hover {
    background: none;
    color: #000;
    transition: all 0.5s ease;
}

.navbar-nav > li:hover > a,
.navbar-nav > li.current > a,
.navbar-nav > li.current_page_ancestor > a,
.navbar-nav > li.current-menu-item > a {
    background: none;
    color: #54BE73;
    transition: all 0.5s ease;
}

.dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.navbar-toggle .icon-bar {
    background: #fff;
}

.navbar-toggle {
    background-color: #54be73;
    margin: 30px 0;
}

.navbar-toggle:focus {
    background-color: white;
    margin: 30px 0;
}

.site-title {
    font-size: 35px;
    font-weight: 600;
}

.site-title a {
    color: #54be73;
}

.site-description {
    color: #737373;
}

.menu-item-has-children:hover .sub-menu, .menu-item-has-children:focus-within .sub-menu {
    display: block;
}

.menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu, .menu-item-has-children .sub-menu .menu-item-has-children:focus-within .sub-menu {
    display: block;
}

.menu-item-has-children:hover .sub-menu li, .menu-item-has-children:focus-within .sub-menu li {
    list-style-type: none;
    padding: 5px 15px;
    border-bottom: 1px solid #ececec;
    margin: 0;
    width: 100%;
}

.menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
    position: relative;
    left: auto;
    float: right;
    left: 15px;
    top: -3px;
    display: none;
    z-index: 999;
    border-top: 3px solid #54be73;
}

.menu-item-has-children .sub-menu {
    position: absolute;
    left: 0;
    display: none;
    padding-left: 0;
    background: #fff;
    width: 200px;
    z-index: 999;
    border-top: 3px solid #54be73;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.menu-item-has-children:hover .sub-menu li:last-child {
    border-bottom: none;
}

.menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
    display: block;
}

.navbar-nav > li > ul > li > a,
.navbar-nav > li > ul > li > ul > li > a {
    position: relative;
    display: block;
    padding: 10px 0;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #292929;
    text-align: left;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.menu-item-has-children .sub-menu li a:hover {
    color: #000;
}

.navbar-nav > li.menu-item-has-children > a::after {
    position: absolute;
    content: '\f107';
    right: 0px;
    line-height: 24px;
    font-size: 12px;
    font-family: 'FontAwesome';
}

.navbar-nav > li > ul > li.menu-item-has-children > a::after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 13px;
    width: 10px;
    height: 20px;
    display: block;
    color: #292929;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.navbar-nav > li.menu-item-has-children > a {
    padding-right: 15px;
}

.affix .navbar-nav li a {
    padding-top: 41px;
    padding-bottom: 45px;
    transition: all 0.5s ease;
}

.affix .navbar-nav > li:last-child a {
    padding: 10px 20px;
    margin: 28px 0;
}

.affix .navbar-brand {
    padding: 15px;
}

.affix .navbar-nav li ul.sub-menu a {
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all 0.5s ease;
}

/*-- banner
-----------*/
.banner-section {
    position: relative;
    background: #2c3e50 none repeat scroll 0 0;
    overflow: hidden;
}

.banner-section .section-padding {
    padding: 90px 0 0 0;
}

.banner-section .carousel-inner .item {
    opacity: 0;
}

.banner-section .slider-img {
    position: relative;
}

.banner-section .slider-img:after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.60);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.banner-section .carousel-inner .active {
    opacity: 1;
}

.banner-section .carousel-inner .active.left,
.banner-section .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.banner-section .carousel-inner .next.left,
.banner-section .carousel-inner .prev.right {
    opacity: 1;
}

.banner-section .carousel-control {
    z-index: 2;
}

@media not all, not all {
    .banner-section .carousel-inner > .item.next,
    .banner-section .carousel-inner > .item.active.right {
        opacity: 0;
        transform: translate3d(0px, 0px, 0px);
    }

    .banner-section .carousel-inner > .item.prev,
    .banner-section .carousel-inner > .item.active.left {
        opacity: 0;
        transform: translate3d(0px, 0px, 0px);
    }

    .banner-section .carousel-inner > .item.next.left,
    .banner-section .carousel-inner > .item.prev.right,
    .banner-section .carousel-inner > .item.active {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }
}

.banner-section .item {
    background-size: cover;
    max-height: 700px;
}

.banner-section .item .carousel-caption {
    left: 10%;
    right: 10%;
    text-shadow: none;
    top: 22%;
}

.banner-section .item .carousel-caption h2 {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    font-size: 60px;
    font-weight: 700;
    margin: 20px 0;
    text-transform: uppercase;
}

.banner-section .item .carousel-caption h3 {
    animation-duration: 0.8s;
    animation-name: fadeInUp;
    font-size: 20px;
    font-weight: 100;
}

.banner-section .item .carousel-caption .btn {
    animation-duration: 0.8s;
    animation-name: fadeInUp;
    margin: 30px 15px;
}

.banner-section .active {
    opacity: 1;
}

.banner-section .active.left,
.banner-section .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.banner-section .carousel-control {
	background-image: none;
	box-shadow: none;
	height: 55px;
	margin-top: -35px;
	padding: 10px 5px;
	text-shadow: none;
	top: 50%;
	width: 35px;
	z-index: 999;
	background: #484848 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 4px;
	height: 50px;
	padding: 10px 10px;
	width: 50px;
}

.banner-section .carousel-control i {
    background: #484848 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    height: 50px;
    padding: 15px;
    width: 50px;
}

.banner-section .carousel-control i:hover {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
}

.banner-section .left.carousel-control {
    left: 2%;
}

.banner-section .right.carousel-control {
    right: 4%;
}

.banner-section .carousel-indicators {
    bottom: 45px;
}

.banner-section .carousel-indicators li {
    border-radius: 100%;
    height: 10px;
    margin: 0 5px;
    opacity: 0.5;
    width: 10px;
}

.banner-section .carousel-indicators li:hover,
.banner-section .carousel-indicators li.active {
    opacity: 1;
}

.banner-section:hover .carousel-control {
    display: block;
}

.banner-section i {
    margin-right: 10px;
}

.banner-section .col-md-5 {
    margin-top: 80px;
}

.revolutionary {
    letter-spacing: 16px;
    text-transform: uppercase;
}

.banner-section .titles h1 {
    color: #fff;
    font-size: 36px;
    margin: 3px 0 30px 0;
    font-weight: 600;
    font-family: 'Heebo', sans-serif;
    text-transform: uppercase;
    max-width: 60%;
    line-height: 50px;
}

.banner-section .grow {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.banner-section p {
    font-size: 17px;
    padding: 10px 0 30px;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Heebo', sans-serif;
    max-width: 80%;
}

.banner-section .btn {
    font-size: 18px;
    font-weight: 500;
    padding: 10px 30px;
}

.banner-section .top-space {
    padding: 120px 0 0;
    position: relative;
}

.slider-content {
    position: absolute;
    z-index: 100;
    top: 0;
    width: 100%;
    height: 100%;
}

.dest-detail {
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner-section .carousel-inner .item:nth-child(1) {
    text-align: left;
}

.banner-section .carousel-inner .item:nth-child(2) {
    text-align: center;
}

.banner-section .carousel-inner .item:nth-child(3) {
    text-align: right;
}

.banner-section .carousel-inner .item:nth-child(2) h1,
.banner-section .carousel-inner .item:nth-child(2) p {
    margin: 5px auto;
}

.banner-section .carousel-inner .item:nth-child(3) h1,
.banner-section .carousel-inner .item:nth-child(3) p,
.banner-section .carousel-inner .item:nth-child(3) .btn {
    float: right;
    margin: 5px 0;
    clear: both;
}
.banner-section .active .animation.animated-item-1 {
    -webkit-animation: fadeInUp 300ms linear 300ms both;
    animation: fadeInUp 300ms linear 300ms both;
}

.banner-section .active .animation.animated-item-2 {
    -webkit-animation: fadeInUp 300ms linear 600ms both;
    animation: fadeInUp 300ms linear 600ms both;
}

.banner-section .active .animation.animated-item-3 {
    -webkit-animation: fadeInUp 300ms linear 900ms both;
    animation: fadeInUp 300ms linear 900ms both;
}


/*
  3) Process
  ----------------------------------------*/
.process {
    background: #54be73;
    padding: 35px 0;
    color: #2f363e;
}

.process span {
    font-size: 49px;
    font-weight: 500;
    width: 60px;
    float: left;
    height: 45px;
    padding: 12px 0;
    margin-right: 10px;
    font-family: 'Heebo', sans-serif;
    color: #fff;
}

.process .content {
    font-weight: 800;
    font-family: 'Heebo', sans-serif;
    color: #fff;
    font-size: 28px;
}

.process .content .des {
    line-height: 30px;
    padding: 10px 0;
}

.process .btn-theme {
    background: #54be73;
    padding: 15px 30px;
    margin: 0;
}

/*
 4) About Us
 ----------------------------------------*/
.about-section {
    position: relative;
}

.about-list .item:last-child img {
    float: right;
}

.about-list .item h6 {
    margin-top: 30px;
    text-transform: uppercase;
}

.about-section p {
    margin-bottom: 30px;
    line-height: 24px;
}

.about-section .btn {
    padding: 10px 20px;
}

/*
 4) Find Agents
 ----------------------------------------*/
.find-agents {
    background: #016076;
    position: relative;
    background-size: cover;
    background-position: center;
}

.agents-images img {
    margin-left: -100px;
    margin-top: -190px;
}

.find-agents .section-header h1,
.find-agents .section-header span {
    color: #fff;
}

.agent-content {
    margin-bottom: 19px;
    color: #fff;
    font-size: 16px;
}

/*agent form start*/

.agent-form {
    padding-top: 20px;
    display: inline-block;
}

.agent-form .wpcf7-form-control-wrap {
    float: left;
    position: relative;
    width: 48%;
    margin-bottom: 20px;
}

.agent-form .wpcf7-form-control-wrap:nth-child(1),
.agent-form .wpcf7-form-control-wrap:nth-child(3) {
    margin-right: 20px;
}

.agent-form .bootstrap-select {
    width: 100%;
}

.agent-form button {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: .4px;
    color: #333;
    border-radius: 0;
    height: 50px;
    border: 1px solid #eee;
    background: #fff;
    padding-left: 20px;
    text-transform: capitalize;
}

.agent-form .wpcf7-submit {
    float: left;
    width: auto;
    text-transform: none;
    font-size: 18px;
}

.g-input input {
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    background: #fff;
}

.g-input input {
    color: #555;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: .1px;
}

.g-input input {
    padding-left: 20px;
}

.agent-form .dropdown-menu.inner li {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.agent-form .dropdown-menu.inner li a {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: .4px;
    color: #333;
    display: block;
    padding: 10px 0 10px 20px;
    border-bottom: 1px dashed #eee;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.agent-form .dropdown-menu.inner li:last-of-type a {
    border-bottom: none;
}

.agent-form .dropdown-menu.inner li:first-of-type {
    display: none;
}

.agent-form .dropdown-menu.inner li a:hover,
.agent-form .dropdown-menu.inner li.selected a {
    background: #0093d0;
    color: #fff;
}

.agent-form button.g-select:focus,
.agent-form button.g-select:visited {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.agent-form .dropdown-menu.open {
    border-radius: 0;
    border: 1px solid #eee;
}

.agent-form .dropdown-menu {
    display: block;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.agent-form .open > .dropdown-menu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
}

.agent-form *,
.agent-form *:focus,
.agent-form *:visited {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* form prefix */
.agent-form input::-webkit-input-placeholder,
.agent-form textarea::-webkit-input-placeholder {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: .1px;
    color: #333;
}

.agent-form input::-moz-placeholder,
.agent-form textarea::-moz-placeholder {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: .1px;
    color: #333;
}

.agent-form input:-ms-input-placeholder,
.agent-form textarea:-ms-input-placeholder {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: .1px;
    color: #333;
}

.agent-form input::placeholder,
.agent-form textarea::placeholder {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: .1px;
    color: #333;
}

.agent-form input:focus::-webkit-input-placeholder,
.agent-form textarea:focus::-webkit-input-placeholder {
    padding-left: 8px;
    opacity: .5;
}

.agent-form input:focus::-moz-placeholder,
.agent-form textarea:focus::-moz-placeholder {
    padding-left: 8px;
    opacity: .5;
}

.agent-form input:focus:-ms-input-placeholder,
.agent-form textarea:focus:-ms-input-placeholder {
    padding-left: 8px;
    opacity: .5;
}

.agent-form input:focus::placeholder,
.agent-form textarea:focus::placeholder {
    padding-left: 8px;
    opacity: .5;
}

/* form prefix end */
/*agent form end*/

/*
4) services Section
----------------------------------------*/
.services-section {
    overflow: hidden;
    background: #f8f8f8;
}

.services-section .page-header {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

.services-box {
    position: relative;
    padding: 35px;
    text-align: center;
    border: 1px solid #eaeaea;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    margin-bottom: 30px;
}

.services-box:hover {
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(234, 234, 234, 1);
    -ms-box-shadow: 0px 0px 12px 0px rgba(234, 234, 234, 1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(234, 234, 234, 1);
    box-shadow: 0px 0px 12px 0px rgba(234, 234, 234, 1);
}

.services-section .item i {
    color: #54BE73;
    display: inline-block;
    font-size: 40px;
    text-align: center;
    margin-bottom: 15px;
}

.services-content {
    border: 1px solid transparent;
    text-align: center;
    display: inline-block;
}

.services-content p {
    font-size: 16px;
    color: #777777;
    margin-top: 25px;
    line-height: 1.8em;
}

.services-section h5 {
    position: relative;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2em;
    margin-top: 25px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.services-section h5 a {
    color: #545454;
}

.services-section h5 a:hover {
    color: #54be73;
}

/*
4) clients Section
----------------------------------------*/
.clients-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.clients-section .page-header {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
    z-index: 999;
}

.clients-section h1 {
    color: #fff;
}

.clients-section ul li {
    float: left;
    list-style-type: none;
}

.clients-section ul li figure {
    margin-bottom: 15px;
}

.clients-section p,
.clients-section span {
    color: #fff;
}

.clients-section #logo .item {
    text-align: center;
}

.clients-section #logo .item img {
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.clients-section #logo {
    margin-top: 0;
}

.clients-section .owl-pagination .owl-page span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #008ed6;
    border-radius: 4px;
    height: 8px;
    opacity: 0.5;
    width: 40px;
}

.clients-section .owl-pagination .owl-page.active span {
    background: #008ed6 none repeat scroll 0 0;
    opacity: 1;
}

/*
4) Whatwe Section
----------------------------------------*/
.what-we-section {
    overflow: hidden;
}

.what-we-section .item-2,
.what-we-section .item {
    padding: 0;
}

.what-we-section .item ul {
    margin-top: 20px;
    padding: 0;
}

.what-we-section .item ul li {
    list-style-type: none;
    font-size: 15px;
    font-weight: 700;
    color: #727272;
    margin-bottom: 20px;
}

.what-we-section .item ul li .fa {
    border-radius: 3px;
    color: #54be73;
    font-size: 15px;
    margin-right: 11px;
    text-align: center;
}

.what-we-section .fluid-image-outer {
    position: relative;
}

.what-we-section .fluid-image-outer img {
    max-width: 100%;
}

/*
4) team Section
----------------------------------------*/
.team-section {
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
}

.team-section .page-header {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

.team-section .team-list .item {
    overflow: hidden;
}

.team-section .item h6 {
    text-transform: uppercase;
    margin: 0;
    color: #fff;
}

.hvr-bounce-to-left {
    -moz-osx-font-smoothing: auto;
}

.team-section .item .content-wrap {
    background: #f7f7f7;
    padding: 24px 25px;
    text-align: center;
}

.team-section .item .content-wrap span {
    margin: 5px 0;
    display: block;
    font-style: italic;
}

.team-section .item .content-wrap p,
.team-section .item .content-wrap span {
    color: #333;
    font-weight: 500;
    line-height: 20px;
    font-size: 13px;
}

.team-section .item .content-wrap p {
    margin-bottom: 9px;
}

.team-section .item .social {
    padding: 1px 0;
    margin-bottom: 2px;
    overflow: hidden;
    text-align: center;
}

.team-section .item .social li:first-child {
    margin-left: 0;
}

.team-section .item .social li {
    list-style-type: none;
    color: #717171;
    display: inline-block;
}

.team-section .item .social li a {
    color: #fff;
}

.team-section .item .social li a:hover {
    color: #f1f1f1;
}

.team-section .social li i {
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 30px;
    z-index: 999;
}

.team-section .social li i:hover {
    background: #54BE73;
}

/*Team Details*/
.team-all .team-list .item {
    overflow: hidden;
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-bottom: 20px;
}

.team-all .team-list .item h6 {
    color: #273039;
    margin: 15px 0 0;
    text-transform: uppercase;
}

.team-all .team-list .item .content-wrap span {
    display: block;
    font-style: italic;
    margin: 5px 0;
}

.team-all .team-list .item .social {
    padding: 1px 0;
    margin-bottom: 2px;
}

.team-all .team-list .item .social li:first-child {
    margin-left: 0;
}

.team-all .team-list .item .social li {
    list-style-type: none;
    color: #717171;
    margin-left: 5px;
    display: inline;
}

.team-all .team-list .item .social li a {
    background: #54be73;
    border-radius: 2px;
    padding: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    color: #FFF;
}

.team-all .team-list .item .social li a:hover {
    background: #54be73;
}

/*
4) testimonial Section
----------------------------------------*/

#testimonial {
    background-size: cover !important;
    background-position: center !important;
}

#testimonial .testimonial-inner {
    position: relative;
    color: #fff;
    padding: 70px 0;
}

#testimonial .testimonial-inner:after {
    content: "";
    position: absolute;
    background: rgba(0, 230, 149, 0.70);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#testimonial #testimonial-carousel .carousel-inner {
    z-index: 1;
}

#testimonial #testimonial-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}

#testimonial #testimonial-carousel p {
    font-size: 15px;
    line-height: 30px;
    color: #333;
}

#testimonial #testimonial-carousel .carousel-control {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #303f4f;
    border-radius: 3px;
    bottom: auto;
    color: #758494;
    font-size: 16px;
    height: 40px;
    line-height: 20px;
    margin-top: 45px;
    opacity: 1;
    padding: 10px;
    text-shadow: none;
    width: 40px;
}

#testimonial #testimonial-carousel .carousel-control.left {
    left: 15px;
}

#testimonial #testimonial-carousel .carousel-control.right {
    right: 15px;
}

#testimonial #testimonial-carousel .carousel-control:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

#testimonial #testimonial-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -15px;
	justify-content: center;
	width: 100%;
	margin: 0;
}

#testimonial #testimonial-carousel .carousel-indicators li {
	background: #fff;
	border: 0;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	opacity:1;
}

#testimonial #testimonial-carousel .carousel-indicators .active {
    background: #333333;
}

#testimonial .item blockquote {
    position: relative;
    background: #fff;
    padding: 45px 28px 30px;
    margin-bottom: 30px;
    border: 0;
    border-radius: 5px;
}

#testimonial .quote {
    position: absolute;
    line-height: 62px;
    border: 3px solid #fff;
    font-size: 30px;
    top: -60px;
    text-align: center;
    color: #54be73;
}

#testimonial .author-info {
    border-top: 1px solid #f4f4f4;
    position: relative;
    margin-top: 15px;
    padding: 35px 0 10px;
    padding-left: 100px;
}

/* #testimonial .author-info:before {
    position: absolute;
    border: 14px solid transparent;
    border-left-color: #fff;
    border-top-color: #fff;
    content: "";
    left: 0;
    bottom: -55px;
} */
#testimonial .images-box {
    bottom: 0;
    height: 60px;
    left: 0;
    position: absolute;
    width: 60px;
    display: inline-block;
}

#testimonial .images-box img {
    max-width: 100%;
}

#testimonial .item blockquote small {
    color: #54be73;
    display: inline-block;
}

#testimonial .item blockquote small span {
    padding-right: 17px;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    float: left;
}

#testimonial .item blockquote small:before {
    display: none;
}

#testimonial .active.left,
#testimonial .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

/************************************
21)Blog
*************************************/
#blog .page-header {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

.view-all {
    float: right;
    margin-top: -70px;
    width: 100%;
}

.section-blog-box {
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
    border: 1px solid #eeeeee;
}

.blog-list .section-blog-box {
    padding: 0;
    border: 0;
    background: none;
}

.blog-content {
    padding: 15px 20px;
}

.section-blog-box h3 {
    margin-bottom: 10px;
    text-align: left;
}

.section-blog-box h3 a {
    color: #273039;
    font-size: 18px;
    font-weight: 700;
}

.section-blog-box h3 a:hover {
    color: #54be73;
}

.blog-list .section-blog-box h3 {
    text-align: left;
}

.section-blog-box .entry-meta span {
    margin-right: 10px;
}

.section-blog-box p {
    font-size: 14px;
    color: #777;
    line-height: 26px;
    margin: 15px 0;
}

.section-blog-box .btn-theme {
    text-transform: none;
    margin-bottom: 10px;
}

.section-blog-box .entry-meta {
    margin: 0;
    text-align: left;
}

.blog .news-inner {
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.blog .news-inner > img {
    max-width: 100%;
}

.news-block .news-info {
    padding: 5px 20px;
}

.news-block .date {
    font-size: 12px;
    text-transform: uppercase;
    color: #00A8EF;
    margin: 10px 0;
}

.news-block .news-info h4 {
    color: #303030;
    font-size: 20px;
    font-weight: 600;
    line-height: 35px;
}

.news-block .news-info h4 a {
    color: #303030;
}

.news-block:hover .news-info h4 a {
    color: #54be73;
}

.news-block .name {
    color: #303030;
    font-size: 12px;
    font-style: italic;
}

.news-block .name span {
    color: #333;
}

.news-block .comments,
.news-block .name {
    color: #333;
    font-size: 11px;
    font-style: italic;
    display: inline;
}

.news-block .comments i {
    margin-right: 5px;
}

.blog .news-block {
    margin-bottom: 50px;
    overflow: hidden;
}

.single-section article .entry-header h1 {
    font-size: 28px;
}

.single-section article .entry-content {
    margin: 15px 0;
}

.single-section article .entry-footer {
    border-bottom: 2px solid #e5e5e5;
    margin: 20px 0;
    padding: 20px 0;
}

.single-section .post-navigation {
    margin: 20px 0;
    overflow: hidden;
}

.post-images-with-title {
    margin: 10px 0;
}

.post-images-with-title a {
    display: inline-block;
    overflow: hidden;
}

.post-images-with-title h4 {
    display: inline-block;
    overflow: hidden;
    font-size: 18px;
}

.post-images-with-title .next,
.post-images-with-title .previous {
    display: inline-block;
}

.post-images-with-title .previous {
    float: right;
}

.comments-title {
    margin: 30px 0;
}

.comment-reply-title {
    margin: 15px 0;
}

.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: #54BE73;
    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: #54be73;
    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%;
}

@media only screen and (min-width: 767px){
.left-sidebar .single-section .item{
  order:2;
}


.left-sidebar .page-section .item{
   order:2;
}

.left-sidebar .search-section{
  order:2;
}

.left-sidebar .sidebar{
	order:1;
}

}
.no-sidebar .sidebar {
    display: none;
}

.no-sidebar .item {
    width: 100%;
}

/*style-blog-right-images*/
.right-image .post-thumbnail {
    float: right;
}

/*style-blog-large-images*/
.large-image .post-thumbnail {
    width: 100%;
}

/*style-blog-alternate-image*/
.alternate-image article:nth-child(odd) .post-thumbnail {
    float: right;
}

.alternate-image article:nth-child(even) .post-thumbnail {
    float: left;
}

/*style-blog-no-image*/
.no-image .post-thumbnail {
    display: none;
}

.no-image .news-info {
    width: 100%;
}

/*style-related-post*/
.related-post {
    background: #f7f7f7;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 15px;
}

.related-post.news-block .news-info {
    padding: 20px 0;
}

/*style-post-nav-with-images*/
#cooler-nav.navigation {
    overflow: hidden;
    margin: 10px 0;
}

#cooler-nav.navigation img {
    max-width: 100%;
}

.nav-box.previous,
.nav-box.next {
    padding: 5px;
    border: 1px solid #eeeeee;
    width: 150px;
}

.nav-box.previous {
    float: left;
}

.nav-box.next {
    float: right;
}

/*style-Author*/
.authorbox {
    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%;
}

/*
 11)Contact
----------------------------------------*/
.contact-section {
    color: #656565;
    background: #ffffff;
    overflow: hidden;
}

.contact-section .page-header {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

.contact-section .section-header .sm-title {
    color: #54be73;
}

.form-section .form {
    background: #f4f4f4;
    padding: 35px;
    border-radius: 3px;
    position: relative;
    z-index: 2;
}

.contact-form p {
    margin-bottom: 0;
}

.contact-form input {
    border-right: 0;
}

.contact-form input,
.contact-form textarea {
    background: none;
    border: 1px solid #e4e3e7;
    box-shadow: none;
    padding: 10px 15px;
    font-size: 16px;
    color: #656565;
    background: #fff;
    border-radius: 3px;
    margin-top: 10px;
}

.contact-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 13px;
}

#contact .success,
#contact .error {
    display: none;
    margin-bottom: 48px;
}

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

.contact-form input {
    height: 40px;
}

.contact-form textarea {
    height: 150px;
}

.contact-detail ul {
    padding: 0;
    margin-top: 100px;
}

.contact-detail h6 {
    margin-bottom: 5px;
    color: #333333;
    font-size: 18px;
}

.contact-detail h2 {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.contact-detail ul li {
    background: #fff none repeat scroll 0 0;
    list-style-type: none;
    margin-bottom: 40px;
    padding: 0 30px 0 30px;
    border-radius: 3px;
}

.contact-detail li p {
    padding-left: 35px;
    padding-top: 5px;
    position: relative;
}

.contact-detail li p i {
    background: #54BE73;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    left: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 12px;
    width: 25px;
}

.contact-form .btn {
    padding: 5px 30px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
}

.contact-form .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
    text-transform: capitalize;
    font-size: 13px;
}

.contact-form .form-control:-ms-input-placeholder {
    color: #999;
    text-transform: capitalize;
    font-size: 13px;
}

.contact-form .form-control::-webkit-input-placeholder {
    color: #999;
    text-transform: capitalize;
    font-size: 13px;
}

/*
 5) Purchase Now
 ----------------------------------------*/
.purchase-now {
    background: #54BE73;
    padding: 40px 0;
}

.purchase-now .btn-theme {
    background: #000 none repeat scroll 0 0;
    margin: 0;
    padding: 15px 30px;
    color: #fff;
    font-size: 16px;
    float: right;
}

.purchase-now .btn-theme:after {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

.purchase-now .items {
    font-size: 32px;
    color: #fff;
    font-weight: 400;
    margin: 10px 0;
}

.buy-now {
    font-size: 16px;
    text-transform: uppercase;
    padding: 9px 40px;
    margin-top: -7px;
    font-weight: 700;
}

/*
12) Footer
----------------------------------------*/
.footer-section {
    background: #1e1e1e;
    background-size: cover;
    padding-bottom: 0;
}

.footer-section .section-padding {
    padding: 50px 0;
}

.footer-section .footer-logo {
    padding: 0 0 15px;
    max-width: 200px;
}

.footer-section p {
    color: #d2d2d2;
}

.footer-sidebars {
    position: relative;
}

.footer-section .quote .btn-theme {
    background: transparent;
    border: 1px solid #fff;
    margin-top: 20px;
}

.footer-section .quote .btn-theme:hover {
    border: 1px solid #54be73;
    color: #54be73
}

.footer-section .quote .btn-theme::after {
    background: transparent;
}

.footer-section .widget-title {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase;
    padding-bottom: 30px;
}
.footer-section .widget ul li a {
    color: #d2d2d2;
}
.footer-section .widget-title::before {
    padding: 15px 0;
    border-bottom: 1px solid #54be73;
}

.footer-section .widget ul li {
    border-bottom: 1px dotted #20353a;
}

.footer-section .widget.widget_meta a {
    background: #182d32;
    border: 1px solid #1c3136;
    border-radius: 2px;
    color: #a2a2a2;
}

.m-l-20 {
    margin-left: 20px;
}

.footer-section .twitter-feed {
    font-size: 1.1em;
    min-height: 5.5em;
    text-align: left;
}

.footer-section .twitter-feed a {
    color: #a1b1bc;
    font-weight: 700;
}

.footer-section .twitter-feed a:hover {
    color: #d6e6f1;
}

.footer-section .twitter-feed ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-section .twitter-feed ul li {
    color: #a1b1bc;
}

.footer-section .twitter-date {
    font-size: 0.9em;
    margin-top: 10px;
}

.footer-section .twitter-date a {
    color: #54be73;
    font-weight: 700;
}

.footer-section .twitter-date a:hover {
    color: #d6e6f1;
}

.footer-section .twitter-date span {
    font-weight: 700;
    padding-left: 10px;
    color: #54be73;
}

.footer-section .newsletter-widget input[type="email"] {
    background: #3a3a3a none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 3px;
    display: block;
    line-height: 24px;
    padding: 7px 15px;
    position: relative;
    transition: all 0.5s ease 0s;
    width: 70%;
    color: #999999;
    margin: 15px 0;
}

.footer-section .newsletter-widget .mc4wp-form-fields p {
    color: #d2d2d2;
}

.subscription-success i,
.subscription-error i {
    font-size: 15px;
    font-weight: normal;
    margin-right: 5px;
}

.subscription-success {
    color: #3c763d;
}

.subscription-error {
    color: #a94442;
}

.footer-section .footer-bottom {
    background: #171717;
    padding: 10px 0;
}

.footer-section .social-links ul {
    margin: 0 !important;
    padding: 0;
}

.footer-bottom .social-links ul li a:hover {
    color: #54be73;
}

.footer-bottom .social-links ul li a::before {
    border: 0;
}

.footer-section .gray p {
    font-size: 14px;
    color: #a1b1bc;
}

.footer-bottom .copyright {
    color: #a1b1bc;
    line-height: 24px;
    margin: 10px 0;
}

.copyright a {
    color: #54be73;
}

/*---------------------------------------
13) Preloader
-----------------------------------------*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 9999;
}

.loader {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(assets/images/pl.GIF);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    margin: -20px 0 0 -20px;
}

a.scroll-top {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border-radius: 2px;
    bottom: 20px;
    color: #ffffff;
    height: 40px;
    padding-top: 7px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
}

a.scroll-top:hover {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    color: #ffffff;
}

a.scroll-top::before {
    font-size: 25px;
}

/*--------------------------------------------------------------
14) Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 0;
    background: #54be73;
    font-size: 13px;
    padding: 6px 15px;
    color: #fff;
    transition: all 0.3s ease 0s;
    border-radius: 3px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #54be73;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 0;
    width: 100%;
}

.searchform input[type="text"] {
    width: 100%;
}

.searchform .searchsubmit {
    padding: 12px 20px;
    margin-left: -5px;
    border-radius: 0;
}

select {
    border: 1px solid #ccc;
    border-radius: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

textarea {
    width: 100%;
}

/*---------------------------------------
15) Cat Links
-----------------------------------------*/
.cat-links a {
    border: medium none;
    border-radius: 3px;
    color: #54be73;
    display: inline;
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    overflow: hidden;
    padding: 5px 10px;
    position: relative;
    font-size: 12px;
    margin-right: 10px;
}

.cat-links a:hover {
    color: #FFF;
}

.cat-links a {
    color: #FFF;
}

/*---------------------------------------
15) Cat Links
-----------------------------------------*/
/*--------------------------------------------------------------
16) 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;
}

.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: 14px;
    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. */
}

/*---------------------------------------
17) Page Not Found
-----------------------------------------*/
.page-not-404 {
    padding: 100px 0;
}

.page-404 {
    border-right: 1px solid #ddd;
}

.page-404 h1 {
    color: #54be73;
    font-size: 18em;
    font-weight: 700;
    text-align: center;
}

.page-not-404 h3 {
    margin-bottom: 30px;
    margin-top: 50px;
    font-size: 18px;
    line-height: 24px;
}

.page-not-404 label {
    width: 75%;
    display: inline-block;
    margin-bottom: 15px;
}

.page-not-404 .search-field {
    border-radius: 0;
    padding: 10px 20px;
    width: 100%;
}

.page-not-404 .search-submit {
    border-radius: 0;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 0 3px;
}

.searchform .searchsubmit {
    padding: 12px 15px;
    margin-left: -5px;
    border-radius: 0;
}

.search-section .searchform .searchsubmit {
    position: absolute;
    right: 0;
}

.process .btn-theme {
    float: right;
    margin-top: 10px;
}

.form-section .wpcf7 input [type="text"] {
    margin-bottom: 20px;
    background: none;
}

.contact-detail2 i {
    margin-right: 5px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    margin-bottom: 20px;
    background: none;
}

#testimonial {
    background-size: cover;
}

@media only screen and (max-width: 480px) {
    .section-header h1::before {
        display: none;
    }

    .team-section .team-list .item:nth-child(2),
    .team-section .team-list .item:nth-child(4) {
        margin-left: -15px;
        margin-right: 15px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar {
		flex-wrap: wrap;
	}
	#bs-navbar {
		justify-content: flex-start;
	}

    .dest-detail {
        margin-top: 2%;
    }

    .navbar .navbar-header {
        width: 100%;
        text-align: center;
    }

    .navbar .navbar-brand {
        padding: 15px 0;
        width: auto;
    }

    .navbar-nav li {
        margin-left: 22px;
    }

    .navbar-brand {
        float: none;
    }

    .navbar-nav {
        margin: 0;
    }

    .about-list .hidden-xs.item {
        display: none;
    }

    .services-section .col-md-5 .fluid-image-outer {
        display: none;
    }

    .why-list .item-2 {
        width: 100%;
        padding: 0 30px;
    }

}

@media only screen and (max-width: 768px) {
    .team-section .social li i {
        margin-bottom: 15px;
    }

}

.widget_product_categories ul li .children li:before {
    font-family: "FontAwesome", sans-serif;
    content: "\f054";
    font-size: 10px;
    color: #54be73;
    font-weight: 400;
    margin-right: 5px;
}

.widget_product_categories ul li .children {
    margin-left: 15px;

}

.widget_product_categories ul li a {
    font-weight: 600;
}

.widget_product_categories ul li .children li a {
    font-weight: normal;
}

.widget_product_categories ul li .children li:last-child {
    border-bottom: none;
}

.single-section .entry-meta .posted-on {
    margin-right: 15px;
}

.single-section .entry-meta span,
.single-section .entry-meta span a {
    color: #ababab;
}

.single-section article .post-thumb img {
    width: 100%;
    height: auto;
}

.single-section article {

}

.single-section article .entry-footer {
    border-top: 2px solid #e5e5e5;
    background: #fff;
    padding: 15px;
}

.widget .searchsubmit {
    top: 0;
}

.single-section .entry-meta span, .single-section .entry-meta span a:hover {
    color: #54be73;
    transition: 0.5s;
}

.sidebar .widget_search {
    margin-top: 0;
}

.sidebar .widget {
    margin-bottom: 30px;
    background: #fff;
    padding: 15px;
    border: 1px solid #EEE;

}

.comments-area .comment-list li .children li {
    border: none;
    margin-right: -15px;
}

.large-image .news-info,
.large-image .post-thumbnail img {
    width: 100%;
}

.left-image .news-info,
.right-image .news-info {
    padding-top: 0;
}

.authorbox .author-header {
    text-transform: capitalize;
    margin-bottom: 15px;
}

.related-post.news-block .entry-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
}

.related-post .col-sm-4.col-md-4 {
    width: 32%;
    background: #fff;
    padding: 10px;
    margin: 5px;
}

.related-post.news-block .news-info h4 a {
    font-size: 16px;
    text-transform: capitalize;
}

.related-post.news-block .news-info h4 {
    line-height: 24px;
}

.search.search-results .site-main article {
    padding: 15px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}

.product-categories .current-cat a {
    color: #54be73;
}

#cooler-nav .nav-box img {
    width: 100%;
}

#cooler-nav .nav-box {
    background: #54be73;
}

#cooler-nav .nav-box p {
    color: #fff;
    line-height: 20px;
    margin-top: 10px;
    font-weight: 600;
}

/* ---- woocommerce --*/

.woocommerce ul.products {
    padding-top: 30px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0 10px;
    width: 30.555555%;
    min-height: 480px;
    text-align: center;
    border: 1px solid #eee;
}

.woocommerce ul.products li.product .onsale {
    top: 235px;
    left: -23px;
    border: 3px solid #fff;
    height: 48px;
    width: 48px;
    background: #54be73;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin-bottom: 30px;
}

.woocommerce ul.products li.product .star-rating {
    font-size: 18px;
    margin: 15px 0;
    text-align: center;
    color: #ffeb3b;
    margin-left: 30%;
}

.woocommerce ul.products li.product .price del {
    font-size: 14px;
    color: #929191;
}

.woocommerce ul.products li.product .price ins {
    font-size: 18px;
    color: #01aeff;
}

.woocommerce ul.products li.product .button {
    background: #01aeff;
    border-radius: 0;
    color: #fff;
    padding: 10px 20px;
}

.woocommerce ul.products li.product .price {
    font-size: 18px;
    color: #01aeff;
}

.woocommerce .woocommerce-ordering select {
    padding: 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: #54be73;
    color: #fff;
}

@media (min-width: 991px) and (max-width: 1200px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 30%;
        min-height: 430px;
    }

    .woocommerce ul.products li.product .onsale {
        top: 190px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 46%;
        min-height: 465px;
    }

    .woocommerce ul.products li.product .onsale {
        top: 225px;
    }
}

@media only screen and (max-width: 530px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100%;
    }
}

@media (min-width: 531px) and (max-width: 768px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 46%;
        min-height: 465px;
    }
}

@media only screen and (max-width: 1200px) {
    .widget .widget-title::before {
        display: none;
    }
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    border: 1px solid #01aeff;
}

.woocommerce-product-gallery__image {
    background: #fff;
    padding: 5px;
}

.woocommerce .woocommerce-product-rating .star-rating {
    color: #ffeb3b;
}

ins span.woocommerce-Price-amount.amount {
    color: #54be73;
    font-size: 20px;
}

.woocommerce button.button.alt {
    background: #54be73;
    color: #fff;
    padding: 12px;
    margin-left: 15px;
}

.single-product.woocommerce span.onsale {
    background: #54be73;
    border-radius: 0;
    left: 0;
    top: 0;
    padding: 0 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: #ebe9eb;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li:focus {
    background: #54be73;
    color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    color: #54be73;
}

.woocommerce-message {
    border-top-color: #54be73;
}

.woocommerce-message::before {
    color: #54be73;
}

.woocommerce-message .button.wc-forward {
    color: #fff;
    background: #54be73;
    border-radius: 0;
}

.woocommerce-message .button.wc-forward:hover,
.woocommerce-cart .woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: #03669c;
    color: #fff;
    transition: 0.5s;
}

.woocommerce-cart .woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: #54be73;
    border-radius: 0;
    color: #fff;
}

.woocommerce-checkout .woocommerce input.button {
    background: #54be73;
    border-radius: 0;
    color: #fff;
}

.woocommerce-checkout .woocommerce input.button:hover {
    background: #03669c;
    color: #fff;
    transition: 0.5s;
}

@media (min-width: 480px) and (max-width: 768px) {
    .team-section .team-list .item {
        width: 46%;
    }
}

@media only screen and (max-width: 991px) {
    .what-we-section .fluid-image-outer img {
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .team-section .team-list .item:nth-child(2), .team-section .team-list .item:nth-child(4) {
        margin-left: 30px;
    }
}

.team-list .item .img-wrap img {
    width: 100%;
}

.inner-page .navbar {
    position: relative;
}

.inner-page .header-space {
    padding: 0;
}

.blog.single-section .pagination {
    width: 100%;
}

.blog.single-section .pagination a {
    border: none;
    margin: 0;
}

.form-section .contact-form label {
    width: 100%;
}

.form-section .contact-form input,
.form-section .contact-form textarea {
    background: #fff;
    border: 1px solid #d8d8d8;
}

.form-section .wpcf7-submit {
    background: #54be73 !important;
    padding: 5px 30px !important;
    font-size: 20px !important;
    text-transform: uppercase;
}

.form-section .wpcf7-submit:hover {
    background: #54be73 !important;
}

.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before {
    display: none;
}

@media only screen and (max-width: 768px) {
    .menu-item-has-children .sub-menu {
        display: block;
        position: relative;
        background: none;
        margin-left: 20px;
    }

    .menu-item-has-children .sub-menu li {
        list-style-type: none;
        margin-bottom: 20px;
    }

    .menu-item-has-children .sub-menu li a {
        color: #4d4d4d;
    }

    .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
        display: block;
        position: relative;
        background: none;
        left: 15px;
    }

    .navbar-nav li {
        margin-left: 0;
    }

}

@media only screen and (max-width: 420px) {
    .banner-section .titles h1 {
        font-size: 32px;
    }

}

.search-block {
    position: relative;
}

.widget ul li:last-child {
    border-bottom: none;
}

.posted-on,
.name {
    margin-right: 10px;
}

.date .fa,
.name .fa {
    margin-right: 3px;
}

.site-title a {
    text-transform: capitalize;
}

.search-block .fa {
    margin-right: 0;
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab h2,
.woocommerce-Reviews-title {
    font-size: 24px;
    margin-bottom: 20px;
}

.woocommerce-review__author {
    font-size: 15px;
}

.woocommerce .star-rating {
    color: #ffeb3b;
}

.page-not-404 .searchform input {
    position: relative;
}

.page-not-404 .searchform .searchsubmit {
    position: absolute;
    top: 0;
    right: 0;
}

@media only screen and (max-width: 767px) {
    .collapse {
        max-height: 350px;
        overflow: auto;
        float: none;
        width: 100%;
        padding: 10px 10px 0px;
        border: none;
        margin: 0px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

    .collapse.in,
    .collapsing {
        padding: 10px 10px 0px;
        border: none;
        margin: 0px 0px 15px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

    .navbar-header {
		position:relative;
		float:none;
		display:flex;
		text-align:left;
		width: 100% ;
		padding: 12px 0px;
		right: 0px;
		justify-content: space-between;
    }

    .navbar-collapse .navbar-nav {
        float: none !important;
        margin: 0px !important;
        width: 100% !important;
        background: #333;
        border: 1px solid #ffffff;
        border-top: none;
    }

    .navbar-collapse .navbar-nav > li {
        margin: 0px !important;
        float: none !important;
        width: 100%;
    }

    .navbar-nav > li > a,
    .navbar-nav > li > ul:before {
        border: none;
    }

    .navbar-collapse .navbar-nav > li > a {
        padding: 10px 10px !important;
        border: none !important;
    }

    .navbar-nav li.menu-item-has-children > a:after,
    .navbar-nav > li.menu-item-has-children > a:before,
    .navbar-nav > li > ul > li > a::before,
    .navbar-nav > li > ul > li > ul > li > a::before {
        color: #ffffff !important;
        right: 15px;
        font-size: 16px;
        display: none !important;
    }

    .navbar-collapse .navbar-nav > li > ul,
    .navbar-collapse .navbar-nav > li > ul > li > ul {
        position: relative;
        border: none;
        float: none;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: 0px;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100%;
        background: #ff573b;
        -webkit-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        -moz-transition: none !important;
    }

    .navbar-collapse .navbar-nav > li,
    .menu-item-has-children:hover .sub-menu li,
    .navbar-collapse .navbar-nav > li > ul > li,
    .navbar-collapse .navbar-nav > li > ul > li > ul > li {
        border-top: 1px solid rgba(255, 255, 255, 1) !important;
        opacity: 1 !important;
        top: 0px !important;
        left: 0px !important;
        visibility: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .navbar-collapse .navbar-nav > li:first-child {
        border: none;
    }

    .navbar-collapse .navbar-nav > li > a,
    .navbar-collapse .navbar-nav > li > ul > li > a,
    .navbar-collapse .navbar-nav > li > ul > li > ul > li > a {
        padding: 10px 10px !important;
        line-height: 22px;
        color: #ffffff;
        background: #333;
        text-align: left;
        width: 100%;
    }

    .navbar-collapse .navbar-nav > li > a:hover,
    .navbar-collapse .navbar-nav > li > a:active,
    .navbar-collapse .navbar-nav > li > a:focus {
        background: #ff573b;
    }

    .navbar-collapse .navbar-nav > li:hover > a,
    .navbar-collapse .navbar-nav > li > ul > li:hover > a,
    .navbar-collapse .navbar-nav > li > ul > li > ul > li:hover > a,
    .navbar-collapse .navbar-nav > li.current > a,
    .navbar-collapse .navbar-nav > li.current-menu-item > a {
        background: #333;
        color: #ffffff !important;
    }

    .dropdown-btn {
        display: block;
    }

    .rounded-rectangle .btn, 
    .rounded-rectangle a.readmore,
    .rounded-rectangle .wpcf7-form .wpcf7-submit,
    .rounded-rectangle .readmore 
    {
        border-radius: 4px;
    }
            
    .navbar-collapse .navbar-nav li.menu-item-has-children :after,
    .navbar-nav > li > ul:before {
        display: none !important;
    }

    .navbar-nav > li:last-child a {
        margin: 0;
        border-radius: 0;
    }

    .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
        border-top: 0;
    }
}

h2.comments-title {
    font-size: 25px;
}

li.current-post-ancestor a:hover {
    color: #000;
}

.breadcrumbs .breadcrumb-trail h2.trail-browse {
    display: none;
}

/* Bootstrap 5 Compatibility */




.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.navbar-toggler {
    position: relative;
    padding: 9px 10px;
    margin-top: 0px;
    margin: 0px;
    margin-bottom: 0px;
    background-image: none;
    border: 1px solid transparent !important;
    border-radius: 4px;
	float:right;
	height:40px;
	align-self:center;
}

.navbar-toggler .icon-bar + .icon-bar {
	margin-top: 4px;
}
.navbar-toggler .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0;
}

.navbar > .container > .row {
	width: 100%;
}
.navbar-right {
	float: right;
}
.navbar-left {
	float: left;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
	display: block;
	max-width: 100%;
	height: auto;
}

.carousel-indicators li {
	display: inline-block;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
}

.carousel-indicators{
	z-index:999;	
}

@media (min-width: 768px) {
	.navbar > .container {
		flex-wrap: wrap;
	}
}
