/*!
Theme Name: bring back
Theme URI: https://www.themetim.com/wordpress-themes/bring-back/
Author: themetim
Author URI: https://www.themetim.com/
Description: When it comes to a business or corporate WordPress theme, you know you have got a superb choice in modern and clean design Bring Back theme. It uses amazing Hero Banner in order to demonstrate your business goals. There are both boxed and full width layouts available in this theme. An effective toolkit plugin adorns its feature line. Your customer can find out a specific or desired page thanks to Breadcrumbs option. It has advanced theme option and unique blog layout. Elementor page builder has been fully integrated. It actually eases any customization process of your website. An eye catching social share icons and post type widgets, testimonial widget, pricing widget, text type widget, etc. It brings you Bootstrap along with left right and full width template. Advance typography setting and color setting has uplifted this theme into another level. You will identify its uniqueness all the way from its header to footer. This is the ultimate solution for any business or corporate type website.
Tested up to: 5.2.2
Requires PHP: 5.4
Version: 2.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: bring-back
Tags: blog, custom-background, custom-colors, custom-menu, translation-ready, theme-options, threaded-comments, custom-logo, footer-widgets, custom-header, featured-image-header, full-width-template, left-sidebar, right-sidebar
*/
/*--------------------------------------------------------------------------------

CSS INDEX
==============================

00. Common CSS
01. Helper CSS Classes
02. Header Area CSS
03. Our Services Area CSS
04. Help Area CSS
05. Provide Service Area CSS
06. Testimonial Area CSS
07. Pricing Area CSS
08. Case Studies Area CSS
09. Blog Area CSS
10. About Area CSS
11. Contact Area CSS
12. 404 Area CSS
13. Footer Area CSS

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

        00. Common CSS

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

body {
	color: #78787c;
	font-size: 17px;
	font-family: 'Nunito', sans-serif;
	font-weight: 600;
}

p {
	line-height: 32px;
}

a,
a:hover,
a:focus {
	text-decoration: none;
}

a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
	color: #fc802a;
}

a:hover {
	color: #78787c;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
	color: #232323;
	font-family: 'Josefin Sans', sans-serif;
}

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

.h2,
h2 {
	font-size: 35px;
	line-height: 45px;
	margin-bottom: 25px;
}

.h3,
h3 {
	font-size: 25px;
	line-height: 45px;
	margin-bottom: 25px;
}

ol,
ul,
li {
	color: #3c3c3c;
}

.btn,
a.btn,
button,
[type=button],
[type=reset],
[type=submit],
.elementor a.btn,
.reply .comment-reply-link{
	font-weight: 700;
	letter-spacing: .20px;
	padding: 18px 52px;
	font-size: 16px;
	text-transform: capitalize;
	border-radius: 4px;
	background-color: #fc802a;
	border: 0;
	-webkit-box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
	box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
	color: #ffffff;
}

.btn:hover,
a.btn:hover,
.btn.focus,
.btn:focus,
button:hover,
[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover,
.reply .comment-reply-link:hover{
	-webkit-box-shadow: 0 0 16px 0 rgba(35, 35, 35, .6);
	box-shadow: 0 0 16px 0 rgba(35, 35, 35, .6);
	background-color: #232323;
	color: #ffffff;
}

.dropdown-menu{
	margin: 0;
	padding: 0;
}

.form-control,
textarea,
input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=password],
input[type=number],
select {
	border: 1px solid  rgb(224, 225, 225);
	border-radius: 4px;
	height: inherit;
	padding: 17px 20px;
	outline: none;
}

.form-control:focus,
textarea:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus {
	border: 1px solid   #fc802a;
	-webkit-box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
	box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
}

#preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #fc802a;
	overflow: hidden;
}

.spinner-grow {
	width: 5rem;
	height: 5rem;
	color: #fff;
}

#preloader .d-table {
	height: 100%;
	width: 100%;
}

.container,
.boxed-layout .site-wrap{
	max-width: 1200px;
	margin: 0 auto;
}
.boxed-layout .site-wrap {
	box-shadow: 0 0 20px #eee;
	-webkit-box-shadow: 0 0 20px #eee;
	-o-box-shadow: 0 0 20px #eee;
	overflow: hidden;
	background: #fff;
}
.entry-title,
.page-title{
	text-transform: capitalize;
}
/*  ================================================

        01. Helper CSS

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

.pt-90 {
	padding-top: 50px;
}

.page-title{
	font-size: 35px;
	line-height: 45px;
}

.sub-heading {
	color: #fc802a;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 35px;
}

.items-box,
.services-box,
.case-studies-box {
	background-color: #ffffff;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
	box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
}

.mt-25{
	margin-top: 25px;
}

.mt-30{
	margin-top: 30px;
}

.mb-30{
	margin-bottom: 30px;
}

.mt-35{
	margin-top: 35px;
}

.carousel-control-next,
.carousel-control-prev {
	color: #000;
	opacity: 1;
	top: 50%;
	font-size: 30px;
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
	color: #fc802a;
	opacity: 1;
}

a,
.btn,
button,
.box-icon,
.items-box,
.team-member,
.pricing-item,
.services-box,
.team-member img,
.case-studies-box,
.contact-info span,
.slick-arrow-fix i,
.thumbnail a:before,
.view-details:after,
.main-menu .navbar-nav .dropdown-menu,
.testimonial-nav-slider .slick-slide img {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.thumbnail{
	overflow: hidden;
	border-radius: 4px;
}

.thumbnail img {
	-webkit-transition-duration: .9s;
	-o-transition-duration: .9s;
	transition-duration: .9s;
	-webkit-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.thumbnail:hover img {
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.items-box:hover,
.services-box:hover,
.pricing-item:hover,
.case-studies-box:hover {
	-ms-transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	transform: translate(0,-5px);
}

.dropdown-menu {
	border: 0;
	-o-box-shadow:  0 0 25px 0 rgba(60, 60, 60, 0.08);
	-webkit-box-shadow:  0 0 25px 0 rgba(60, 60, 60, 0.08);
	box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
}

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

.slick-slide,
.slick-slide:focus {
	outline: none;
}

.dropdown-item {
	padding: 0;
}

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

        02. Header CSS

    ================================================ */
.site-title {
	line-height: 25px;
}
.logo-wrap h2 a,
.logo-wrap h2{
	line-height: initial;
	padding: 0;
	font-size: 24px;
}
.site-description {
	font-size: 15px;
	line-height: 1;
}
.home .header {
	background-repeat: no-repeat;
	background-position: top right;
}
.header {
	background-color: #fff;
}

.header-wrapper {
	padding: 30px 0;
}

.header-search .dropdown-menu {
	max-width: 400px;
	width: 400px;
	left: unset;
	right: 0;
}
.header-search {
	margin-left: 20px;
}
.header-search button.btn{
	position: absolute;
	top: 0;
	right: 0;
	padding: 18px 28px;
	z-index: 10;
}
.header-search form.form-inline{
	padding: 25px 25px 40px;
}
.header-search form input{
	padding: 17px 70px 17px 20px;
}
.main-menu .navbar-nav .dropdown-menu {
	display: block;
	opacity: 0;
	top: 80px;
	padding: 15px;
	visibility: hidden;
}

.main-menu .navbar-nav .dropdown:hover .dropdown-menu {
	opacity: 1;
	top: 100%;
	visibility: visible;
}

.main-menu li a {
	color: #68605b;
	font-weight: 700;
	font-size: 17px;
	padding: 10px 25px;
	display: block;
}

.main-menu li a:hover {
	color: #fc802a;
}

.main-menu .dropdown-menu li a {
	padding: 10px 15px;
	font-size: 16px;
}

.main-menu .dropdown a i {
	font-weight: 600;
}

.main-menu .dropdown-menu li a:hover {
	color: #fff;
	background: #fc802a;
}

a.header-contact-btn {
	margin-left: 25px;
	padding: 14px 35px;
}

.hero-content h2,
.hero-content p,
.hero-content .btn{
	position: relative
}

.hero-area {
	position: relative;
	padding: 193px 0;
	overflow: hidden;
}
.hero-banner {
	margin-bottom: 30px;
	position: absolute;
	top: 65px;
	right: 80px;
	text-align: right;
	width: auto;
}

.hero-has-banner-animation{
	-webkit-animation: shake 15s ease-in-out infinite;
	animation: shake 15s ease-in-out infinite;
}

.hero-content {
	padding-right: 30px;
	position: relative;
}

.hero-content:before{
	content: '';
	background-repeat: no-repeat;
	height: 100%;
	position: absolute;
	top: -88px;
	left: -50px;
	width: 100%;
}

.hero-has-shape-animation:before{
	-webkit-animation: bounce 5s ease-in-out infinite;
	animation: bounce 5s ease-in-out infinite;
}

.header-shape {
	top: 0;
	right: 0;
}
/*** Breadcrumb ***/

.breadcrumb-wrapper {
	background-repeat: no-repeat;
	background-position: center top;
}

.breadcrumb-wrapper {
	padding-top: 60px;
	padding-bottom: 100px;
}

.breadcrumb-wrapper a:after {
	content: '';
	width: 8px;
	border: 1px solid;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 10px;
}

.breadcrumb-wrapper a,
.breadcrumb-wrapper li,
.breadcrumb-wrapper a:after{
	color: #78787c;
}

.breadcrumb-wrapper .list-inline-item:not(:last-child) {
	margin-right: 0;
}

.breadcrumb-wrapper a:hover {
	color: #fc802a;
}

div.header-banner a {
	height: 100%;
	top: 0;
	left: 0;
	width: 100%;
}

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

        03. Our Services Area CSS

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

.services {
	margin-top: 60px;
}

.services-box {
	margin-top: 30px;
	padding: 35px;
}

.services-box-item:nth-child(3n+2) {
	margin-top: 50px;
}

.services-box-item:nth-child(3n+3),
.services-fix {
	margin-top: 100px;
}

.services-fix{
	padding-bottom: 30px;
}

.services-fix .services-box-item:nth-child(3n+2),
.services-fix .services-box-item:nth-child(3n+3) {
	margin-top: 0;
}

.box-icon {
	margin-bottom: 35px;
	border-radius: 5px;
	background-color: #fff4ed;
	width: 90px;
	height: 90px;
	padding: 25px;
}

.services-box:hover .box-icon {
	border-radius: 50%;
}

.all-services {
	margin-top: 80px;
}

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

        04. Help Area CSS

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

.help-banner {
	position: absolute;
	left: -105px;
	top: 0;
	-webkit-animation: bounce 8s ease-in-out infinite;
	animation: bounce 8s ease-in-out infinite;
}

.help-content {
	margin-top: 105px;
	margin-bottom: 107px;
}

.help ul {
	margin: 30px 0 35px;
	list-style: none;
	padding-left: 0;
}
.help li {
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 15px;
	padding-left: 50px;
	position: relative;
}

.help li span {
	margin-left: 20px;
}

.help li:before {
	content: "\eed6";
	font-family: IcoFont!important;
	border-radius: 50%;
	background-color: rgb(42, 69, 181);
	width: 30px;
	color: #ffffff;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 0;
}

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

        05. Provide Service Area CSS

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

.provide-service:before {
	content: '';
	background: url("images/shape/shape.jpg") no-repeat right;
	width: 100%;
	height: 974px;
	position: absolute;
	top: -30px;
	right: 0;
}

.service-banner img {
	-webkit-animation: shake 15s ease-in-out infinite;
	animation: shake 15s ease-in-out infinite;
}

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

        06. Testimonial Area CSS

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

.testimonial-heading {
	padding-top: 45px;
}

.testimonial-slider {
	padding-top: 90px;
}

.testimonial-nav-slider {
	position: relative;
	background-image: url("images/shape/shape-1.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 93%;
	min-height: 210px;
}

.slick-arrow-fix{
	top: 50%;
	font-size: 30px;
	position: absolute;
	bottom: 0;
	z-index: 10;
	color: #000;
	cursor: pointer;
}

.slick-arrow-fix i:hover {
	color: #fc802a;
}

.testimonial-slider .slick-left {
	left: -150px;
}

.testimonial-slider .slick-right {
	right: -150px;
}

.testimonial-slider p,
.testimonial-slider h5 {
	color: #3c3c3c;
	line-height: 40px;
	font-family: 'Nunito', sans-serif;
}

.testimonial-slider h5 {
	font-size: 22px;
	margin-top: 50px;
	font-weight: 700;
	margin-bottom: 0;
}

.testimonial-slider span {
	font-size: 16px;
	color: #78787c;
	line-height: 32px;
}

.testimonial-slider p {
	font-size: 24px;
	letter-spacing: 0;
}

.testimonial-nav-item img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	outline: none;
}

.testimonial-nav-slider .slick-slide {
	position: relative;
	padding: 0 0 110px;
}

.testimonial-nav-slider .slick-slide img {
	height: 70px;
	width: 70px;
	margin: 0 auto;
	-ms-transform: translate(0,90px);
	-webkit-transform: translate(0,90px);
	transform: translate(0,90px);
}

.testimonial-nav-slider .slick-active.slick-slide  img {
	margin-left: 0;
	-ms-transform: translate(0,90px);
	-webkit-transform: translate(0,90px);
	transform: translate(0,90px);
}

.testimonial-nav-slider .slick-active + .slick-active  img {
	margin: 0 auto;
	-ms-transform: translate(0,140px);
	-webkit-transform: translate(0,140px);
	transform: translate(0,140px);
}

.testimonial-nav-slider .slick-current.slick-active img {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	-ms-transform: translate(0, 40px);
	-webkit-transform: translate(0,40px);
	transform: translate(0,40px);
}

.testimonial-nav-slider .slick-current.slick-active + .slick-active img {
	margin: 0 auto;
	-ms-transform: translate(0,140px);
	-webkit-transform: translate(0,140px);
	transform: translate(0,140px);
}

.testimonial-nav-slider .slick-current.slick-active + .slick-active + .slick-active img {
	margin-right: 0;
	-ms-transform: translate(0,90px);
	-webkit-transform: translate(0,90px);
	transform: translate(0,90px);
}

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

        07. Pricing Area CSS

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

.pricing {
	padding-top: 120px;
}

.pricing-content ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.pricing-slider .slick-slide {
	padding-top: 110px;
	padding-bottom: 30px;
}

.pricing-slider .slick-slide .pricing-item,
.pricing-slider .slick-current.slick-center + .slick-slide .pricing-item {
	opacity: .2;
	-o-box-shadow: 0 0 26px 0 rgba(252, 128, 42, 0.42);
	-webkit-box-shadow: 0 0 26px 0 rgba(252, 128, 42, 0.42);
	box-shadow: 0 0 26px 0 rgba(252, 128, 42, 0.42);
	-ms-transform: translate(180px,-240px) scale(0.5);
	-webkit-transform: translate(180px,-240px) scale(0.5);
	transform: translate(180px,-240px) scale(0.5);
}

.pricing-slider .slick-current.slick-center + .slick-slide .pricing-item {
	-ms-transform: translate(-180px,0) scale(0.5);
	-webkit-transform: translate(-180px,0) scale(0.5);
	transform: translate(-180px,0) scale(0.5);
}

.pricing-slider .slick-current.slick-center .pricing-item {
	opacity: 1;
	z-index: 99;
	-ms-transform:  scale(1);
	-webkit-transform:  scale(1);
	transform: scale(1);
	-o-box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
	-webkit-box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
	box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
}

.pricing-item {
	position: relative;
	padding: 70px;
	border-radius: 5px;
	background-color: #ffffff;
	max-width: 370px;
	margin: 0 auto;
	border: 1px solid transparent;
	outline: none;
	-o-box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
	-webkit-box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
	box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
}

.pricing-slider .slick-arrow-fix {
	top: 80%;
}

.pricing-slider .slick-left {
	left: 10%;
}

.pricing-slider .slick-right {
	right: 10%;
}

.pricing-item:hover {
	border-color: rgba(252, 128, 42, 0.3);
}

.pricing-item ul {
	margin: 40px 0 55px;
}

.pricing-item li {
	color: #78787c;
	position: relative;
	padding-bottom: 15px;
	padding-left: 45px;
}

.pricing-item li:last-child {
	padding-bottom: 0;
}

.pricing-item li:before {
	content: "\ea94";
	font-family: IcoFont!important;
	border-radius: 50%;
	text-align: center;
	background-color: #fc802a;
	color: #ffffff;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-right: 20px;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
}

.pricing-title {
	color: #fc802a;
}

.pricing-slider .carousel-control-next,
.pricing-slider .carousel-control-prev {
	top: auto;
	bottom: 10%;
}

.monthly-yearly-wrap {
	margin-top: 110px;
}

.tabs-wrap .nav-tabs {
	border: 1px solid #f9e5d7;
	border-radius: 5px;
	background-color: #ffffff;
	margin-bottom: 40px;
}

.tabs-wrap  .nav-tabs .nav-item {
	margin-bottom: 0;
}

.tabs-wrap .nav-tabs .nav-link {
	border: 0;
	font-weight: 700;
	letter-spacing: .8px;
	padding: 5px 17px;
	font-size: 16px;
	color: #78787c
}

.tabs-wrap .nav-tabs .nav-link.active {
	color: #fff;
	background: #fc802a;
	border-radius: 5px;
}

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

        08. Case Studies Area CSS

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

.case-studies-box {
	padding: 45px 35px;
	border: 2px solid #fff;
}

.case-studies-box:hover{
	border-color: #fc802a;
}

.case-studies-box .thumbnail {
	margin-bottom: 45px;
}

.case-studies-box h3 a {
	color: #232323;
}

.case-studies-box h3 a:hover {
	color: #fc802a;
}

.view-details {
	position: relative;
	display: block;
	font-size: 17px;
	overflow: hidden;
}

/*** case studies details ***/

.case-studies-details .container {
	max-width: 870px;
}

.case-featured-banner {
	margin-bottom: 70px;
}

.case-meta {
	overflow: hidden;
	margin-top: 45px;
	border-radius: 5px;
	background-color: rgb(254, 248, 241);
}

.case-meta h4 {
	font-size: 20px;
	margin-bottom: 5px;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
}

.case-meta p {
	margin: 0;
}

.case-meta > ul > li,
.case-meta > ul > .list-inline-item:not(:last-child) {
	margin: 0;
	padding: 40px 39px;
}

.case-meta .social-links,
.case-meta .social-links li a {
	margin-top: 0;
}

.related-case {
	margin-top: 80px;
}

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

        09. Blog Area CSS

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

.blog-content {
	padding: 45px 35px;
}

.blog-item h2 {
	font-size: 25px;
	line-height: 40px;
}

.blog-content h2 a{
	color: #232323;
}

.blog-content h2 a:hover{
	color: #fc802a;
}

.pagination-wrapper {
	margin-top: 25px;
}

.pagination-wrapper .page-link {
	border-radius: 4px;
	background-color: rgb(255, 247, 238);
	margin: 5px;
	font-size: 16px;
	color: #78787c;
	border: 0;
	outline: none;
	padding: 18px 25px;
	letter-spacing: .20px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pagination-wrapper .active .page-link,
.pagination-wrapper .page-link:hover  {
	background-color: #fc802a;
	color: #ffffff;
	border: 0
}

.author:after {
	content: "/";
	display: inline-block;
	margin: 0 0 0 5px;
}

/*** Single Blog ***/

.blog-content-details .entry-title.h2 {
	margin-bottom: 10px;
}

.social-share-tags {
	margin-top: 50px;
	border-radius: 5px;
	padding: 20px 30px;
	background-color: rgb(254, 248, 241);
}

.social-share-tags span {
	color: #232323;
	font-size: 20px;
	font-weight: 700;
}
.social-share-tags a {
	font-weight: normal;
	font-size: 18px;
	margin-left: 2px;
}

.social-share-tags .social-links,
.social-share-tags .social-links a {
	margin-top: 0;
}

.widget {
	margin-bottom: 55px;
	max-width: 330px;
}

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

.widget h3 {
	font-size: 28px;
	margin-bottom: 20px;
}

.widget a,
.tags-fix a{
	color: #78787c;
}

.widget a:hover,
.recent-post span,
.tags-fix a:hover{
	color: #fc802a;
	border-color: #fc802a;
}

.widget li > a {
	display: block;
	border: 1px solid rgb(224, 225, 225);
	border-radius: 5px;
	padding: 17px;
	margin-bottom: 10px;
	font-size: 17px;
	color: #78787c;
}

.recent-post a {
	display: inherit;
	border: 0;
	border-radius: 0;
	margin: 0;
}

.recent-post span {
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
}

.recent-post p {
	line-height: 25px;
	font-size: 17px;
}

.recent-post li {
	margin-bottom: 30px;
}

.recent-post li:last-child {
	margin-bottom: 0;
}

.recent-post-thumb {
	margin-right: 15px;
	width: 100px;
	height: 100px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 11px 0 rgba(34, 34, 34, 0.12);
	-o-box-shadow: 0 0 11px 0 rgba(34, 34, 34, 0.12);
	box-shadow: 0 0 11px 0 rgba(34, 34, 34, 0.12);
}

.featured-image img {
	border-radius: 5px;
}

.search-form .btn {
	position: absolute;
	top: 0;
	right: 0;
	padding: 18px 25px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.search-form .form-control {
	padding-right: 70px;
	padding-left: 15px;
}

.popular-tags {
	margin: 0 -5px;
}

.tags a {
	border: 1px solid rgb(224, 225, 225);
	border-radius: 5px;
	padding: 17px 30px;
	font-size: 16px;
	display: inline-block;
	margin: 0 4px 5px;
	overflow: hidden;
}
nav.navigation.post-navigation,
.comments-area{
	padding: 0 15px;
}
nav.navigation.post-navigation,
.post-navigation .nav-links {
	display: block;
	width: 100%;
}
.post-navigation .nav-links{
	margin-top: 30px;
	display: block;
	overflow: hidden;
	padding: 30px;
	background-color: #ffffff;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
	box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
}
.post-navigation .nav-links a{
	color: #000;
	font-size: 14px;
	font-weight: bold;
	border-bottom:2px solid #e0e1e1;
	text-transform: uppercase;
}
.post-navigation .nav-links .nav-next {
	text-align: right;
}
.post-navigation .nav-links>div{
	width: 50%;
	float: left;
}

.comments h2,
.comment-form-wrap {
	margin-bottom: 0;
	margin-top: 65px;
}

.comments li div p {
	margin-top: 15px;
}

.reply .comment-reply-link {
	margin-top: 20px;
	padding: 13px 30px;
	font-size: 16px;
	display: inline-block;
}
.entry-meta a,
.entry-meta{
	color: #989898;
}

.avatar {
	margin-right: 30px;
	border-radius: 5px;
	width: 64px;
	height: 64px;
	float: left;
	overflow: hidden;
}

.comment-author *{
	color: #000;
}

.comment-author .says {
	display: none;
}

.comment-metadata *{
	font-size: 14px;
	color: #989898;
}
.reply a:before{
	content: "\efd4";
	font-family: IcoFont!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	margin-right: 15px;
}
.comment-reply-title {
	font-size: 35px;
	line-height: 45px;
	color: #232323;
	margin-bottom: 0;
}
.comment-notes {
	margin-bottom: 40px;
}
.comment-form-comment{
	width: 100%;
	overflow: hidden;
}
.comment-form label {
	display: block;
	font-weight: 500;
}
.comment-form textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input{
	width: 100%;
}
.comment-form-cookies-consent label{
	display: inline-block;
	margin-left: 15px;
	font-size: 14px;
	margin-bottom: 0;
	line-height: inherit
}
@media ( min-width: 768px ) {
	.comment-form-author,
	.comment-form-email {
		width: 50%;
		float: left;
		overflow: hidden;
	}
	.comment-form-author{
		padding-right: 2%;
	}
	.comment-form-email{
		padding-left: 2%
	}

	.comment-content,
	.reply {
		padding-left: 94px;
	}
}
.list-comments li{
	color: #78787c;
	margin-top: 55px;
}

.list-comments ol {
	padding-left: 80px;
	list-style: none;
}

.comment-form-wrap h2{
	margin-bottom: 50px;
}

/** Post Navigation **/
.pagination .nav-links {
	margin-top: 30px;
}
.pagination .page-numbers {
	display: inline-block;
	border: none;
	background-color: #000;
	font-family: "Lato", sans-serif;
	font-size: 15px;
	padding: 12px 18px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	margin: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
	background-color: #fc802a;
	-webkit-box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
	box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
}
/*  ================================================

        10. About Area CSS

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

.team{
	padding-bottom: 35px;
}

.team-member-wrapper {
	margin-top: 30px;
}

.team-member img {
	border: 2px solid transparent;
	margin-bottom: 25px;
	border-radius: 100%;
}

.team-member:hover img {
	border-color: #fc802a;
}

.team-member h6 {
	font-family: 'Nunito', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #3c3c3c;
	margin-bottom: 10px;
}

.team-wrapper .team-member{
	margin-bottom: 60px;
}

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

        11. Contact Area CSS

    ================================================ */
.wpcf7-form input,
.wpcf7-form textarea{
	width: 100%;
}
.wpcf7-form .wpcf7-submit{
	width: auto;
}
.contact-info {
	max-width: 400px;
	padding: 0 50px 65px;
}

.contact-info li {
	padding: 65px 0 0;
}

.contact-info h3 {
	margin-bottom: 0;
	line-height: inherit;
}
.contact-info li p {
	font-size: 17px;
	margin-bottom: 0;
	line-height: inherit;
	margin-top: 5px;
}

.contact-info li a {
	color: #78787c;
}

.contact-info span {
	border-radius: 5px;
	background-color: #fff4ed;
	width: 90px;
	height: 90px;
	float: left;
	margin-right: 35px;
	line-height: 90px;
	text-align: center;
	font-size: 30px;
	color: #fc802a;
}

.contact-info li:hover span {
	border-radius: 50%;
}

.contact-info li:hover span {
	color: #000;
}

.contact-info li a:hover {
	color: #fc802a;
}

.map {
	height: 450px;
}

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

        12. 404 Area CSS

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

.title-404 {
	font-size: 125px;
}

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

        13. Footer Area CSS

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

.footer {
	background-repeat: no-repeat;
	margin-top: 40px;
	padding-top: 155px;
	background-position: -40px 0;
}

.footer h4 {
	font-size: 15px;
	font-family: 'Nunito', sans-serif;
	font-weight: 900;
	letter-spacing: 1px;
	line-height: 32px;
	margin-bottom: 35px;
}

.footer p {
	margin-bottom: 0;
}
/*** Footer Top ***/

.footer-top-wrapper {
	overflow: hidden;
	padding: 55px 100px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
	-o-box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
	box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
}
.footer-top-wrapper h2 {
	line-height: 50px;
	margin: 0;
	max-width: 535px;
}

.footer-top-wrapper .btn{
	padding: 18px 56px;
	color: #ffffff;
}

/*** Footer Middle ***/

.footer-middle {
	padding-top: 100px;
	padding-bottom: 130px;
}

.social-links {
	margin-top: 30px;
	margin-bottom: 0;
}

.social-links a {
	margin-top: 10px;
	display: block;
	border-radius: 4px;
	background-color: #000;
	color: #ffffff !important;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-o-box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
	-webkit-box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
	box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
}

.social-links a:hover {
	border-radius: 50%;
}

.social-links .fb {
	background-color: #4264b2;
}

.social-links .skype {
	background-color: #03bafe;
}

.social-links .g-plus {
	background-color: #fa6718;
}

.social-links .twitter {
	background-color: #1da1f2;
}

.social-links .linkedin {
	background-color: #00a0dc;
}

.social-links .pinterest {
	background-color: #bd081c;
}

.social-links .instagram {
	background-color: #000;
}

.social-links .youtube {
	background-color: #ff0000;
}

.social-links .vimeo {
	background-color: #1ab7ea;
}
.social-links .behance {
	background-color: #1769ff;
}

.social-links .dribbble {
	background-color: #eb044f;
}

.widget_nav_menu .menu,
.menu .sub-menu{
	margin-bottom: 0;
	list-style: none;
	padding: 0;
}

.menu .sub-menu{
	padding-left: 5px;
}

.widget_nav_menu .menu li:first-child a {
	padding-top: 0;
}

.widget_nav_menu .menu .sub-menu li:first-child a {
	padding: 9px 0;
}

.widget_nav_menu .menu li:last-child a {
	padding-bottom: 0;
}

.widget_nav_menu .menu a {
	color: #78787c;
	display: block;
	padding: 9px 0;
}

.widget_nav_menu .menu a:hover {
	color: #fc802a;
}

@media only screen and (min-width: 992px ) {
	.widget_nav_menu  {
		margin-left: 20%;
	}
}

/*** Footer Bottom ***/

.footer-bottom {
	background-color: rgb(254, 248, 241);
}

.footer-bottom p {
	padding: 10px 0;
	font-size: 15px;
}

.footer-bottom span {
	color: #fc802a;
}
/*  ================================================

        14. Accessibility CSS

    ================================================ */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	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;
	clip-path: none;
	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;
}
/*  ================================================

        15. Alignments CSS

    ================================================ */
.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;
}
/*  ================================================

        15. Clearings CSS

    ================================================ */
.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;
}
/*  ================================================

        17. Posts and pages CSS

    ================================================ */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

body.page{
	margin-bottom: 0;
}

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

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

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

        18. Comments CSS

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

.bypostauthor {
	display: block;
}
/*  ================================================

        19. Infinite scroll CSS

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

        20. Media CSS

    ================================================ */
.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;
}
/*  ================================================

        21. Captions CSS

    ================================================ */
.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;
}
/*  ================================================

        22. Galleries CSS

    ================================================ */
.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;
}