/*
Theme Name: Wacko
Theme URI: https://www.lilyturfthemes.com/themes/wacko/
Author: LilyTurf Themes
Author URI: https://www.lilyturfthemes.com/
Description: Wacko is a clean, responsive theme that’s versatile and easy to use. Suitable for both corporate and creative businesses, this elegant themes design gives you maximum flexibility. Wacko has definitely been designed with business owners in mind. With an intuitive design and userfriendly theme options, building your business website can be a breeze.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wacko
Tags: custom-menu, custom-logo, featured-images, two-columns, three-columns, sticky-post, theme-options, threaded-comments, translation-ready, left-sidebar, right-sidebar, footer-widgets, blog, portfolio

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.

Wacko 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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    min-height:100%;

}
 body, .content, .extraDiv2, .sidebar{
    height:100%;
    min-height:100%;
    background: #f6f6f6;
    font-family: "Titillium Web";
}
ul li{
	list-style: none;
}
ul{
	margin: 0;
	padding: 0;
}

a,
a:hover,
a:focus,
a:visited,
select,
input{
	outline: 0;
	text-decoration: none;
}

body{
	color: #6B6B6B;
}
.secondary-wrapper span, .top-footer span{
	font-size: 16px;
}
h1{
	font: 500 38px "Titillium Web";
	color: #6B6B6B;
}
h2{
	font: 500 32px "Titillium Web";
	color: #6B6B6B;
}
h3{
	 font: 400 30px "Titillium Web";
	 color: #6B6B6B;
}
h4{
	font: 400 20px "Titillium Web";
	
}
h5{
	font: 400 18px "Titillium Web";
	color: #6B6B6B;
}

a{
	font: 400 18px "Titillium Web";
	letter-spacing: 1px;
	color: #0f5f5c;
}
p{
	font: 400 16px "Titillium Web";
	letter-spacing: 1px;
	line-height: 30px;
	color: #6B6B6B;
}

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

/*--------------------------------------------------------------
# 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;
	position: relative;
}

.hentry {
	margin: 0 0 1.5em;
}

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

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

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.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%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

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

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin-bottom: 15px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
	padding: 10px;
	box-sizing: border-box;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
	padding: 10px;
	box-sizing: border-box;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
	padding: 10px;
	box-sizing: border-box;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
	padding: 10px;
	box-sizing: border-box;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
	padding: 10px;
	box-sizing: border-box;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
	padding: 10px;
	box-sizing: border-box;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
	padding: 10px;
	box-sizing: border-box;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
	padding: 10px;
	box-sizing: border-box;
}

.gallery-caption {
	display: block;
}

/*============= header ================*/

.navbar-brand figure img{
	display: block;
	margin-left: 15px;
}

.nav li{
	display: inline;
}
.navbar-collapse{
	border-color: #fff;
	border-bottom: 1px solid #fff!important;
	padding-bottom: 20px;
	
}

.navbar-inverse .navbar-nav>.active>a{
	background-color:transparent !important;
}
.navbar-inverse .navbar-nav>.active>a:hover{
	background-color: transparent;
	color: #fff;
}
.dropdown-menu > .active > a{
	background-color: #3d3d3d;
}
ul.dropdown-menu{
	background-color: #3d3d3d;
}
.dropdown-menu > li > a{
	color: #ffffff;
}
dropdown-menu > li > a:hover{
	color: #ffffff;
}
.navbar.shrink li.active>a{
	color: #fff;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover{
	background-color: transparent;
}
.dropdown-menu > li > a:hover{
	background-color: transparent;
	color: #ffffff;
}
.navbar.shrink li>a:hover{
	color: #a9adad;
}

.navbar-inverse .navbar-nav>li>a{
	color: #fff;
}
.navbar-inverse .navbar-nav>li>a:hover{
	color: #3d3d3d;

}
.navbar-inverse .navbar-nav li.last-child a{
	padding: 12px 14px;
    background: #3d3d3d;
    border-radius: 5px;
    margin-top: 0px;
    display: inline-block;
    transition: all 0.7s ease-in-out;
}
.navbar-inverse .navbar-nav>li.last-child>a:hover{
	background: #0DB496;
	color: #fff;
	transition: all 0.7s ease-in-out;
}
.navbar-brand {
  font-size: 30px;
  float: left;
  padding: 0;
  height: auto;
  margin-top: 16px;
  position: relative;
}

.navbar-inverse .navbar-toggle {
    background: #6fb048;
}
.navbar-nav{
	margin: 0;
}
.navbar-inverse .navbar-nav > .open > a{
	background-color: transparent !important;
}
.navbar-toggle .icon-bar {
    height: 4px;
    border-radius: 5px;
    width: 30px;
    margin-top: 6px;
}
.navbar-inverse .navbar-toggle {
     border-color: transparent; 
     background-color: transparent;
}
.navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-inverse .navbar-toggle:hover {
     background-color: transparent; 
}

.admin-bar .navbar{
	margin-top: 32px;
}
h1.site-title{
	margin-bottom: 0;
	margin-top: 0;
	line-height: 50px;
}
p.site-description{
	margin: 0;
	color: #fff;
	line-height: 0;
	padding-bottom: 15px;
	margin-top: 5px;
}
.site-title a{
	color: #fff;
	font-size: 32px;
	font-weight: 700;
}
/*.site-branding a img{
	margin-top: 18px;
}*/

/*---------------submenu-------------------*/

.nav .navbar-inverse .navbar-nav > a:focus {
    background-color: transparent;
}
.col-md-pull-1{
	right: 0 !important;
}
.content-res-templates figure{
	margin-top: 15px;
}
.admin-bar .banner-img .overlay{
	margin-top: 32px;
}

/*================list-page=====================*/
.primary-wrapper{
	margin-bottom: 20px;
}
.content-wrapper{
	/*background: transparent;*/
	padding: 40px 0;
}
.page-title{
	text-transform: capitalize;
	font: 500 32px "Titillium Web";
}
.page-title:before{
	display: none;
}
article{
	background: #fff;
	padding: 20px;
	margin: 0 0 1.5em;
}
.entry-meta .fa{
	margin-right: 3px;
	color: #0DB496;
}
.entry-meta a{
	font: 400 13px "Titillium Web";
	color: #6B6B6B;
}
.entry-title:before{
	display: none;
}
.entry-title a {
    color: #444;
}
.entry-meta span{
	margin-right: 10px;
}
.entry-content .sec-img figure{
	display: block;
	margin-bottom: 20px;
}
.entry-content .sec-img figure a img{
	width: 100%;
	height: auto;
}
.entry-content .sec-img a{
	color: #6B6B6B;
	font: 500 13px "Titillium Web";
}
.entry-content .sec-img a .fa{
	margin-right: 10px;
	color: #0DB496;
}
.entry-content .sec-text p{
	margin-bottom: 20px;
}
.entry-content .sec-text a{
	display: inline-block;
}
.entry-content .sec-text a.btn.btn-default.read-more{
	padding: 6px 10px;
	font: 400 14px "Titillium Web";
	text-transform: capitalize;
	border: 1px solid #0DB496;
	border-radius: 5px;
	color: #0DB496;
}
.entry-content .sec-text a.btn.btn-default.read-more:hover{
	background: #0DB496;
	color: #fff;
}
.entry-content .sec-text a .fa{
	margin-left: 8px; 
	font-size: 12px;
}
h2.page-title{
	color: #0DB496;;
}
#main .page-header{
	margin-top: 0;
}
.logged-in a.post-edit-link{
	margin-left: 15px;
}
/*================right-list-wrap===================*/

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    margin-left: -1px;
}
.input-group-btn .btn:hover{
		outline: 0;
		border: 1px solid #0DB496;
}
.btn-default{
	border-color: #0DB496;

}
#secondary .widget{
    margin: 0 0 1.5em;
    padding: 10px;
    background: #fff;
}
.input-group .form-control{
	position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-search .btn-default {
    border-radius: 0;
    background-color: #0DB496;;
    color: #fff;
}
.input-group .form-control{
	font: 400 14px "Titillium Web";
}
.input-group-btn .btn-default{
	background: #0DB496;
}
.input-group-btn .btn-default span.glyphicon{
	color: #fff;
}

aside h3.widget-title {
    color: #6B6B6B;
    text-transform: capitalize;
    font: 400 24px "Titillium Web";
    border-bottom: 1px solid #eee;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.widget_search form.search-form label{
	width: 100% !important;
}
.widget_search form.search-form label input{

}
#secondary .widget{
	padding: 10px;
}
.widget ul{
	padding: 10px 10px;
	margin-bottom: 10px;
}
.widget ul li{
	position: relative;
	display: block;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}
.content-top-footer .widget ul li:hover a{
	padding-left: 10px;
	transition: all 0.7s ease-in-out;
}
.widget ul li a{
	font: 400 16px "Titillium Web";
    color: #6B6B6B;
    transition: all 0.7s ease-in-out;
}
#secondary .widget-recent-comments ul li:before {
    content: '\f0e5';
    font-family: FontAwesome;
    margin-right: 10px;
    color: #0DB496;
}

#secondary .widget-archive ul li:before {
       content: '\f073';
    font-family: FontAwesome;
    margin-right: 10px;
    color: #0DB496;
}

#secondary .widget-categories ul li:before {
    content: '\f00b';
    font-family: FontAwesome;
    margin-right: 10px;
    color: #0DB496;
}
.logged-in a.post-edit-link{
	font-size: 14px;
}

/*==============search-field================*/

.widget .search-form {
    position: relative;
}
.search-form input.search-field {
    padding: 8px 10px;
    font-family: "Titillium Web";
    width: 100%;
    font-weight: 400;
    top: 0;
}
span.screen-reader-text {
    position: absolute !important;
    z-index: -1;
}

.search-form input.search-submit {
    padding: 9px;
    border-radius: 0 4px 4px 0;
    background: #0DB496;
    color: #fff;
    font-family: "Titillium Web";
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.7s ease-in-out;
}
aside#search-2 {
    position: relative;
    height: 60px;
}
.entry-title a{
	color: #6B6B6B;
    font-size: 24px;
}
.entry-header h3.entry-title{
	margin-top: 0;
	margin-bottom: 18px;
}

section.no-results.not-found{
	background: #ffffff;
	padding: 20px;
}

span.cat-links a{
	font-size: 13px;
	color: #6B6B6B;
}
span.tags-links a{
	font-size: 13px;
	color: #6B6B6B;
}
span.comments-link a{
	font-size: 13px;
	color: #6B6B6B;
}
.fa-th-list:before {
    color: #0DB496;
}
.fa-tags:before{
	color: #0DB496;
}
span.comments-link a:before{
	    content: "\f0e5";
	    font-family: FontAwesome;
	    color: #0DB496;
}
span.cat-links{
	margin-right: 10px;
}
.entry-footer span.tags-links{
	margin-right: 10px;
}
input[type=submit]{
	background: #0DB496;
	color: #fff;
	border: 1px solid #0DB496;
}
input[type=submit]:hover{
	background: transparent;
	color: #fff;
	transition: all 0.7s ease-in-out;
}

.nav-links .nav-next a{
	display: inline-block;
	float: right;
}
.nav-links .nav-previous a{
	display: inline-block;
	float: left;
}
.nav-links .nav-previous a:before{
	content: '\f104';
	margin-right: 10px;
	font-family: FontAwesome;
}
.nav-links .nav-next a:after{
	content: '\f105';
	margin-left: 10px;
	font-family: FontAwesome;
}
h2.screen-reader-text{
	display: none;
}
.search-form input.search-submit:hover{
	background: #3d3d3d;
}

.content-top-footer .wpcf7-form-control-wrap .wpcf7-not-valid-tip{
	display: none;
}
.content-top-footer form input.wpcf7-email{
	width: 100%;
}
.content-top-footer form input[type=submit] {
    position: absolute;
    right: 0;
    border-radius: 0 3px 3px 0;
    top: 0;
}
/*.content-top-footer form input[type=submit]:hover{
  border: 1px solid #3d3d3d;
}*/
input[type=submit]:hover{
	background: #3d3d3d;
	border: none;
}

/*================== left-sidebar =======================*/
.left-sidebar{
	float: right !important;
}

/*============= detail-page ======================*/

.page-header figure img{
	width: 100%;
	height: auto;
}

.nav-links a {
    border: 1px solid #0DB496;;
    padding: 10px 15px;
    border-radius: 5px;
    display: block;
    background: #fff;
    color: #0DB496;;
    display: inline-block;
    font: 400 14px "Titillium Web";
   
}
 .nav-links a:hover{
	background: #0DB496;;
	color: #fff;
}
#primary .entry-meta{
	margin-top: 10px;
}
.comments-area{
	padding: 20px;
	background: rgba(255,255,255,0.8);
	margin-top: 85px;
}
 h3#reply-title{
	color: #0DB496;;
	text-transform: capitalize;
	font: 400 24px "Titillium Web";
}
.comments-respond label{
	display: block;
	font-weight: normal;
}

textarea {
    overflow: auto;
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: top;
    width: 100%;
    border-radius: 3px;
}
.navigation .btn.btn-default {
    border-radius: 5px;
    color: #0DB496;;
}

 .btn-default{
	border: 1px solid #0DB496;
	color: #0DB496;
}

p.form-submit .btn-default{
	border-radius: 5px;
	color: #0DB496;
}

p.form-submit .btn-default:hover{
	background: #0DB496;
	color: #fff;
	border-color: #0DB496;
	outline: 0;
}

.content-wrapper .post-navigation{
		margin: 0 0 1.5em;
}


article#post-24 .page-header{
	margin: 0;
}

input{
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 4px;
}

.wrapper-detail .page-header{
	margin: 0 auto;
}

.wrapper-detail{
	margin-top: 40px;
	margin-bottom: 40px;
}

.wrapper-detail .navigation{
	margin: 0 0 1.5em;
}

#content{
	margin-top: 0;
	margin-bottom: 0;
}

.comments-respond .required {
    color: #C7254E;
}
.comment-form label{
	min-width: 85px;
}
.comment-form span.required{
	color: #ff0000;
}
.bottom-footer .pull-left span a{
	color: #0DB496;
	font-size: 12px;
}
.bottom-footer .pull-left span a:hover{
	color: #3d3d3d;
}
.entry-summary .btn-default:hover{
	background: #0DB496;
	border: 1px solid #0DB496;
	color: #fff;
}

.search-results .entry-footer{
	margin-top: 15px;
}
.search-results h2.entry-title{
	margin-top: 0;
}
.content-top-footer .textwidget p a{
	font-size: 14px !important;
	color: #0DB496;
}
.content-top-footer .textwidget p{
	font-size: 14px !important;
	position: relative;
}
table#wp-calendar {
    width: 100%;
}
table#wp-calendar caption{
    color: #0DB496;
}
table#wp-calendar tr td a{
	color: #0DB496;
}
.wrapper-list{
	padding: 40px 0;
}
section.error-404.not-found {
    padding: 15px;
    background: #ffffff;
}
.secondary-wrapper aside.widget_media_image img{
	width: 100%;
}
 aside.widget select{
	padding: 7px;
	width: 100%;
}
 aside.widget .textwidget img{
	width: 100%;
	height: auto;
}
aside.widget select option {
   text-overflow: ellipsis;
}
/*============= responsive-menu - start =============*/

nav li {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 15px;
}
/*.navbar-inverse{
    background-color: #0DB496 !important;

    }*/
nav .navbar-toggle {
  margin: 5px 15px 13px 0;
}

.navbar-brand {
  font-size: 30px;
}

.navbar{
  border: none;
  padding-top: 15px;
  margin: 0;
  transition: all 0.4s ease-in-out;
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
}
.navbar-inverse .navbar-collapse{
  padding-bottom: 10px;
}
nav.navbar.shrink  {
  min-height: 65px;
  background: #0DB496;
  padding: 0;
  position: fixed;
  transition: all 0.4s ease-in-out;
  z-index: 999;
}
/*.home .navbar.shrink{
	position: fixed;
}*/

nav.shrink li{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 15px;
}
nav.shrink .navbar-brand {
  font-size: 25px;
}
nav.shrink .navbar-collapse{
  padding-bottom: 0px;
}

nav.shrink .navbar-toggle {
  padding: 4px 5px;
  margin: 8px 15px 8px 0;
}
.comment-form input#submit{
	padding: 7px 15px;
	border: none;
	margin-top: 10px;
}
.dropdown-menu > li{

}
.dropdown-menu > li > a {
    color: #ffffff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    background-color: #3d3d3d;
}
.dropdown-menu > li:last-child > a{
	border-bottom: none;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover{
	background-color: #3d3d3d;
}
.navbar-nav{
	margin: 0 !important;
}
/*============= responsive-menu - end =============*/

/*============= owl carousel dot - start =============*/

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

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

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }


/*============ banner-overlay ===============*/
.banner figure img {
	width: 100%;
	height: 100vh;
}

.item figure{
	margin: 0;
}
.banner .owl-carousel .item{
	position: relative;
}
.overlay{
	position: absolute;
	background: rgba(46,104,106,0.8);
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}
.banner .overlay{
	background: rgba(46, 104, 106, 0.5);
}
.navbar-header a figure{
	color: #fff;
}

.banner-text{
	position: absolute;
	top: 40%;
	z-index: 99;
	width: 60%;
}
.banner-text h2{
	color: #fff;
}
.banner-text p{
	color: #fff;
	margin: 18px 0;
	font-size: 22px;
	line-height: 35px;
}
.banner-text a{
	color: #fff;
    text-transform: capitalize;
   padding: 7px 25px;
    background: #0DB496;
    display: inline-block;
    border-radius: 5px;
    font: 400 20px "Titillium Web";
    margin-top: 15px;
    transition: all 0.7s ease-in-out;
}
.banner .entry-content{
	margin: 0;
}
.banner-text a:hover{
	background: #3d3d3d;
	transition: all 0.7s ease-in-out;
}

.owl-nav{
	display: none;
}

.banner .item figure img{
	width: 100%;
	height: 100vh;
	border-radius: inherit;

}
.owl-carousel .owl-item .item.bn{
	border-radius: none;
}
 

.owl-theme .owl-dots .owl-dot span {
	position: relative;
	bottom: 60px;
	background: #3d3d3d;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #3d3d3d;
    }
    .owl-theme .owl-dots .owl-dot.active span {
    background: #0DB496;
    }

.banner .owl-dots {
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
}
.owl-theme .owl-dots .owl-dot.active span{
	background: #0DB496 !important;
}
.slider-bg-img {
	width: 100%;
	height: 100vh;
	position: relative;
}
.banner .btn{
	padding: 0 !important;
}
/*================= features ====================*/
.features{
	padding: 40px 0;
	background: #ffffff;
	text-align: center;
	position: relative;
}
.row{
	max-width: auto;
}
.features .content-features figure img{
	height: auto;
	max-width: 100%;
}
.content-features{
	margin-top: 60px;
}
.content-features h4{
	margin: 26px 0;
}


 h3 span.text-center:after{
	content: '';
    background: #6B6B6B;
    width: 3%;
    height: 2px;
    bottom: -18px;
    display: block;
    margin: 25px auto;
    transition: all 0.7s ease-in-out;
}
h3 span.text-center:hover:after{
	background: #6B6B6B;
	width: 10%;
}
h2 span.text-center:after{
	content: '';
    background: #6fb048;
    width: 3%;
    height: 2px;
    bottom: -18px;
    display: block;
    margin: 25px auto;
    transition: all 0.7s ease-in-out
}
 h2 span.text-center hover:after{
	background: #6fb048;
	width: 10%;
}
h1 span.text-center:after{
	content: '';
	background: #0DB496;
	width: 3%;
	height: 2px;
	bottom: -18px;
	display: block;
	margin: 25px auto;
	transition: all 0.7s ease-in-out;
}
 h1 span.text-center:hover:after{
	background: #0DB496;
	width: 10%;
}

/*============= template-responsive =================*/
.template-responsive{
	background: #eef1ec;
	padding: 40px 0; 
	text-align: center;
}
 .content-res-templates ul li{
	font: 400 16px "Titillium Web";
	color: #6B6B6B;
	margin-top: 15px;
	line-height: 20px;
	text-align: left;
	list-style: disc;
	margin-left: 20px;
}
.content-res-templates ol li{
	text-align: left;
	line-height: 30px;
	font-size: 16px;
}
.entry-content ul li{
	font: 400 16px "Titillium Web";
	color: #6B6B6B;
	margin-top: 15px;
	line-height: 20px;
	list-style: disc;
	margin-left: 20px;
	
}
.entry-content ol li{
	line-height: 30px;	
	font-size: 16px;
}

.content-res-templates h3{
	margin: 0px 0 15px;
}
.template-responsive p{
	margin-bottom: 30px;	
}
.content-res-templates p{
	line-height: 35px;
	text-align: left;
}
figure.hand .pull-right{
	margin: 0!important ;
}
.content-res-templates figure img{
	width: 100%;
	height: auto;
}

/*========= testimonial ===============*/
.testimonial{
	padding: 40px 0;
	background: #ffffff;
}
.test-content p{
	font: 400 22px "Titillium Web";
}
.block-testimonial figure{
	margin-bottom: 20px;
	text-align: center;
}
.owl-carousel .owl-item img{
	width: 150px;
	height: 150px;
	border-radius: 150px;
	object-fit: cover;
	display: inline-block;
}
.block-testimonial p{
	text-align: center;
	width: 100%;
}
.block-testimonial label{
	display: block;
	text-align: center;
}
.block-testimonial span{
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

.testimonial .owl-dots{
	position: relative;
	bottom: -80px;
}
.testimonial .test-header h2{
	text-transform: capitalize;
}
.test-header{
	margin-bottom: 50px;
}

.block-testimonial p:before
{
content: '\201C';
margin-right: 4px;
color: #3d3d3d;
}

.block-testimonial p:after
{
content: '\201D';
margin-left: 4px;
color: #3d3d3d;

}
.owl-drag .owl-item{
	margin-right: none;
}

/*============== plans =================*/
.list-plans{
	margin-top: 20px;
}
.content-plans ul li{
	font: 400 18px "Titillium Web";
	color: #3d3d3d;
	line-height: 36px;
}

.content-plans ul li:before{
	content: '\f05d';
	margin-right: 10px;
	font-family: FontAwesome;
	font-size: 25px;
}
 span.text-center{
	display: block;

}
/*=============== details =================*/
#details{
	width: 100%;
	min-height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	padding: 40px 0;
	text-align: center;
}

#details .content-details h2{
	display: block;
    font-weight: 600;
    margin-bottom: 35px;
    overflow: hidden;
    padding-left: 0px;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 1px;
}
#details .content-details h2 span{
	color: #fff;
	position: relative;	
	z-index: 99;			
}

#details .content-details h2 span:before{
	position: absolute;
	content: "";
	width: 100px;
	height: 2px;
	background: #fff;
	top: 50%;
	right: 100%;
	margin-right: 30px;

}
#details .content-details h2 span:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 2px;
	background: #fff;
	top: 46%;
	left: 100%;
	margin-left: 30px;
	
}
#details p{
	color: #fff;
	position: relative;
	z-index: 99;
	margin: 30px 0;
}
#details a{
	padding: 10px 20px;
	position: relative;
	display: inline-block;
	color: #fff;
	z-index: 99;margin-right: 10px;
	background: #0DB496;
	border-radius: 5px;

}
#details a:hover{
	background: #3d3d3d;
}
#details a.sec{
	background: #3d3d3d;
	border-color: #3d3d3d;
}
#details a.sec:hover{
	background: #0DB496;
	border-color: #0DB496;
}
/*============ portfolio ===============*/
.portfolio{
	text-align: center;
	padding: 40px 0 0;
	background: #ffffff;
}
.portfolio .portfolio-list{
	margin-top: 60px;
}
.list-work{
	margin-bottom: 25px;
	
}
.list-work a figure{
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 67%;
}
.list-work figure:hover img{
	transform: scale(1.2);
	transition: all 0.7s ease-in-out;
}
.list-work figure:hover .overlay{
	display: none;
}
.list-work figure:hover figcaption h3{
	display: none;
}

.list-work figure img{
	width: 100%;
	transition: all 0.7s ease-in-out;
	height: auto;
	
}
.list-work figure figcaption{
	 position: absolute;
	 text-align: center;
    top: 50%;
    width: 100%;
    margin: -15% 0 0;
    white-space: nowrap;
}
.list-work figure figcaption h3{
	color: #fff;
	font: 500 30px "Titillium Web";
}

.list-work figure:hover .port-text{
	display: table;
	transition: all 0.5s ease-in-out;
	bottom: 0%;
}

/*================= Projects =================*/
.portfolio .work-bg-img{
	margin-bottom: 25px;
}
.portfolio .work-bg-img a figure{
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 67%;
	transition: all 0.5s ease-in-out;
}

.portfolio .work-bg-img figure:hover .overlay{
	display: none;
}
.portfolio .work-bg-img figure:hover figcaption h3{
	display: none;
}

.portfolio .work-bg-img figure figcaption{
	position: absolute;
	bottom: 40px;
	width: 100%;
	text-align: center;
}
.portfolio .work-bg-img figure figcaption h3{
	color: #fff;
	font: 500 30px "Titillium Web";
}

.portfolio .work-bg-img figure:hover .port-text{
	display: table;
	transition: all 0.5s ease-in-out;
	top: 0%;
	transition: all 0.5s ease-in-out;
}

/*============= end-of-project ====================*/

.port-text{
	position: absolute;
	background: #3d3d3d;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: table;
	top: 100%;
	transition: all 0.7s ease-in-out;
}
.list-work figure:hover .port-text{
	transition: all 0.7s ease-in-out;
	top: 0%;
	display: table;
}
.port-text p{
	color: #fff;
	z-index: 9999!important;
	margin: 10px 0;
}
.port-text .fa{
	color: #0DB496;
	display: inline-block;
	position: absolute;
    top: 30%;
    left: 49%;
    font-size: 25px;
}
.port-text h3{
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}


/*==================== support ====================*/

.support{
	padding: 60px 0;
	background: #ffffff;
}
.support .fa{
	font-size: 45px;
	color: #6B6B6B;
}
.support span h1{
	color: #6fb048;
}

.support p{
	color: #3d3d3d;
	line-height: 20px;
}

.support  a{
	color: #0DB496;
	font: 400 18px "Titillium Web";
	margin-top: 30px;
	display: inline-block;
}

/*------------- footer ---------------------*/
/*============ download ======================*/
#download{
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	padding: 100px 0;

}

.content-download a{
	padding: 10px 20px;
	background: #0DB496;
	color: #fff;
	display: inline-block;
	margin-top: 25px;
	border-radius: 4px;
}
.content-download a:hover{
	background: #3d3d3d;
}
.content-download{
	z-index: 99;
	position: relative;
}
.content-download p{
	color: #fff;
}
.content-top-footer .widget ul li{
	border-bottom: none;
	padding: 0;
}
input.wpcf7-form-control.wpcf7-submit {
    padding: 4px 18px;
}
.content-top-footer ul{
	padding: 0;
}
footer{
	background: #ffffff;
}
/*--------- bottom-footer -----------------*/

#scroll{
	position:fixed;
    right:10px;
    bottom:10px;
    width:40px;
    height:40px;
    border-radius: 5px;
    background-color:#0DB496;
    display:none;
    z-index: 999;
    transition: all 0.5s ease-in-out;
}
#scroll:before{
	position: absolute;
	content: '\f106';
	font-family: FontAwesome;
	color: #fff;
	font-size: 30px;
	left: 10px;
	top: 4px;
}
#scroll:hover{
	background: #3d3d3d;
	transition: all 0.5s ease-in-out;
}


.contact-menu li a{
    font: 600 14px "Titillium Web"; 
    color: #0DB496;
}

.content-top-footer ul li{ 
   font: 400 14px "Titillium Web";  
   line-height: 28px;
}

 .footer-items{     
 	border-bottom: 1px solid #ccc;
 	padding: 40px 0;
    }

   .quick-menu li a{     
       text-transform: capitalize; 
       transition: all 0.9s ease-in-out; 
       font: 600 14px "Titillium Web";  
       line-height: 30px;
       color: #6B6B6B;
	
}
.quick-menu li a:hover{
	padding-left: 12px;
	transition: all 0.9s ease-in-out;
}
.news-letter li input{
	width: 100%;
}
.email-box{
	padding: relative;
}
.email-box .fa{
	font-size: 20px;
	color: #6fb048;
}
 .email-box button{
 	padding: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border-color: none;
    border: none;
    outline: none;

 }
.news-letter li{
	position: relative;
	color: #3d3d3d;
	margin-bottom: 15px;
}
.news-letter li input{
	background: #eef1ec;
	border: none;
	padding: 10px 20px;
	font: 400 14px "Titillium Web";
}

.bottom-footer{
	padding: 20px 0;
}
.bottom-footer span{
	font: 400 12px "Titillium Web";
	color: #3d3d3d;
}

.bottom-footer .pull-right li{
	display: inline-block;
	margin-right: 10px;
}
.bottom-footer .pull-right li a .fa{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
	font-size: 20px;
	transition: all 0.7s ease-in-out;
	color: #0DB496;
	
}

.bottom-footer .pull-right li a .fa-twitter:hover{
	color: #55acee;
}

.bottom-footer .pull-right li a .fa-facebook:hover{
	color: #3b5998;
}

.bottom-footer .pull-right li a .fa-instagram:hover{
	color: #3f729b;
}

.bottom-footer .pull-right li a .fa-dribbble:hover{
	color: #eb518c;
}

.bottom-footer .pull-right li a .fa-github:hover{
	color:  #000000; 
}
.bottom-footer .pull-right li a .fa-google-plus:hover{
	color: #dd4b39;
}
.bottom-footer .pull-right li a .fa-linkedin:hover{
	color:#007bb5;
}
.bottom-footer .pull-right li a .fa-youtube:hover{
	color: #ff0000;
}
.bottom-footer .pull-right li a .fa-vimeo:hover{
	color: #4EBBFF;
}
.bottom-footer .pull-right li a .fa-tumblr:hover{
	color:  #34526f; 
}
.bottom-footer .pull-right li a .fa-pinterest:hover{
	color: #cb2027;
}
.bottom-footer .pull-right li a .fa-behance:hover{
	color: #053eff;
}
.bottom-footer .pull-right li a .fa-flickr:hover{
	color: #0063dc; 
}
.bottom-footer .pull-right li a .fa:hover{
	background: none;
	border: none;
	transition: all 0.7s ease-in-out;
}

.bottom-footer .pull-left span{
	font-size: 14px;
}
.bottom-footer .pull-left span a{
	font-size: 14px;
}
/*========== page-header =============*/
.header-bg figure img{
	width: 100%;
	height: 320px;
	object-fit: cover;
}
.header-bg{
	position: relative;
}
.header-bg figure figcaption{
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;

}
.header-bg figure figcaption h3{
	color: #fff;
	position: relative;
	z-index: 1;
}
.header-bg-img{
	width: 100%;
	height: 320px;

}
.page-header{
	padding-bottom: 0;
}

/*---------- contact-page -------------*/
input.wpcf7-form-control.wpcf7-text{
	width: 100%;
}
form.wpcf7-form label{
	width: 100%;
}
a.post-edit-link{
	color: #0DB496;
}
input.wpcf7-form-control.wpcf7-submit:hover{
	border: 1px solid #3d3d3d;
}

/*---------- sticky-added ------------*/
.sticky:before{
	content: "\f005";
	position: absolute;
	padding: 12px 15px;
	font-size: 20px;
	color: #ffffff;
	background: #0DB496;
	font-family: FontAwesome;
	right: 15px;
	display: inline-block;
	top: 0;
}

.post-password-required form input[type=submit]{
	border: none;
    padding: 5px 20px;
    position: absolute;
    right: 0;
    top: 30px;
    border-radius: 0 3px 3px 0;
}
.post-password-required form p{
	position: relative;
}
.post-password-required form label{
	width: 100%;
}
.post-password-required form label input[type=password]{
	width: 100%;
}

footer.entry-footer {
    padding-top: 10px;
}
.gallery-item .gallery-icon a img{
	width: 100%;
	height: auto;
}
textarea#comment:focus {
    outline: 0;
}
.entry-content p img{
	width: 100%;
	height: auto;
}
.entry-content .page-links{
	font-size: 18px;
	color: #0DB496;
}
article img{
	width: 100%;
	height: auto;
}
article.comment-body img{
	width: auto;
	height: auto;
}
.tagcloud a.tag-cloud-link{
	font-size: 16px !important;
    padding: 2px 9px;
    border: 1px solid #eee;
    display: inline-block;
    margin-bottom: 4px;
    color: #6B6B6B;
}

.article-title h3.page-title{
 	background: #fff;
    padding-bottom: 10px;
    margin-top: 0;
 }

  .article-title{
 	background: #fff;
 	padding-left: 15px;
 }

 /*.home.page .navbar-inverse{
    background-color: transparent;
 }

  .home.page  nav.navbar.shrink{
  	background-color: #0DB496;
  }

  .home.page .content-wrapper{
  	padding-top: 40px;
  }
    
  .homepage .content-wrapper{
  	padding-top: 148px !important;
  }*/
  .port-text h3{
  	color: #ffffff;
  }
.content-download h3{
	color: #ffffff;
}
.banner-caption h2{
	margin-top: 35px;
}
 .navbar-inverse .navbar-toggle:focus {
    background-color: transparent !important;
}
  nav .navbar-toggle {
    margin: 10px 15px 13px 0 !important;
}
.banner-text h2{
	margin-bottom: 10px !important;
}
.admin-bar .navbar{
	margin-top: 0;
}
.admin-bar nav.navbar.shrink{
	margin-top: 32px;
}
.navbar-inverse{
	background-color: #0DB496;
}
.navbar{
	position: relative;
	border-radius: 0;
}
.home .navbar-inverse{
	background-color: transparent;
}
.home .navbar{
	position: absolute;
}
.home.admin-bar .navbar{
	margin-top: 32px;
}
.homepage .navbar-inverse{
		background-color: #0DB496 !important;
  }
  .admin-bar.homepage .navbar{
  	margin-top: 0;
  }
  .homepage .navbar{
	    position: relative;
  }
/*.navbar-inverse{
	background-color: #0DB496;
}*/

/*.header-bg-image .content-wrapper{
	padding-top: 40px;
}
.header-bg-image .navbar{
	position: relative;
}
.header-bg-image .navbar-inverse{
	background-color: #0DB496;
}*/
