/*
Theme Name: Creative Consulting
Template: business-architect
Version: 1.0.7
Requires PHP: 5.6
Tested up to: 5.7
Author: wpbusinessthemes
Author URI: https://wpbusinessthemes.com/
Description: Creative Consulting is a Responsive eCommerce Theme built with HTML5 & CSS3 & PHP. It is designed for shopping cart and WooCommerce website. The theme could be easily edited and customized using theme options panel according to your needs.
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,flexible-header,microformats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,e-commerce,theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:consultus
*/


/***************** 
 * shape devider *
 *****************/
.custom-shape-divider-bottom-1598097848 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1598097848 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 55px;
}

.custom-shape-divider-bottom-1598097848 .shape-fill {
    fill: #FFFFFF;
}

.hero-callout .call-to-action {
    border-radius: 24px;
}
.hero-callout .call-to-action:hover {
    background-color: #1fb5ff;
	border: 1px solid #1fb5ff;
	color:#fff;
}


.post {
    border: initial;
}

/***************************
=>> Theme Page Header Area *
****************************/

.theme-page-header-area { 
	position: relative; 
	padding: 4rem 0; 
	width: 100%; 
	height: 100%; 
}
.theme-page-header-area:after {
	background: url("img/shadow.png") no-repeat;
    z-index: 1;
    background-position: center bottom;
    content: '';
    position: absolute;
    bottom: -31px;
    left: 0;
    right: 0;
    height: 31px;
}
.theme-page-header-area {
    padding: 4rem 0 7rem 0;
}
.theme-page-header-area .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
#masthead .overlay {
	background-color: initial;
}

.page-header-title { position: relative; word-wrap: break-word; }
.page-header-title h1 { font-size: 3.2rem; margin: 0; }


/***************************
=>> Theme Breadcrumbs Area *
****************************/

.page-breadcrumb { 
	list-style: none; 
	margin: 0; 
	padding: 0.825rem 0 0; 
	font-weight: 600;
}
.page-breadcrumb.text-right {
	padding-top: 0.713rem;
	padding-bottom: 0.713rem;
}
.page-breadcrumb > li { 
	display: inline-block; 
}
.page-breadcrumb > li + li:before {  
	font-family: fontAwesome; 
	content: "\f105"; 
	padding: 0 0.625rem 0 0.625rem;
    font-weight: 600;
}
.page-breadcrumb > li a {  }
.page-breadcrumb > li a:hover,
.page-breadcrumb > li.active { 
	
}


/* WooCommerce styles */

.woocommerce a.button.yith-wcqv-button {
	color:#1fb5ff;
	background-color: transparent;
	padding: 5px;
	font-weight:400;
}

.woocommerce ul.products a.compare {
	text-decoration: initial;
	box-shadow:initial;
}

.woocommerce ul.products a.added_to_cart {
	text-decoration: initial;
	box-shadow:initial;
}
.woocommerce a.button.yith-wcqv-button:hover,
.woocommerce a.button.yith-wcqv-button:focus,
.woocommerce ul.products a.compare:hover,
.woocommerce ul.products a.compare:focus,
.woocommerce ul.products a.added_to_cart:focus,
.woocommerce ul.products a.added_to_cart:hover {
	text-decoration: underline;
	color:#1fb5ff;
}


.cart-contents-count span {
    left: 19px;
}


.post-widget-content .call-to-action {
    color: #FFF;
    padding: 6px 20px;
}

.post-widget-content .widget-title {
    font-size: 21px;
}

#featured_slider .custom-settings .slider-title {
    font-weight: 800;
}

#featured_slider .carousel-navigation a {
    background-color: #25c2ff;
}

.call-to-action {
    font-weight: 500;
}

#featured_slider .carousel-navigation .carousel-prev {
    left: 24px;
}

#featured_slider .custom-settings {
    background-color: #826b6b00;
}


#masthead .header-search-form { 
	background-color: #ffffff69;
}

#masthead input.header-search-input {
	background-color: transparent;
}


/*****************
 * General style *
 *****************/

.center-text {
	text-align:center;
}

.box-layout-style #top-banner img {
	width:100%;
}

.top-banner {
	margin-bottom:10px;
}

.menu-social-container {
    display: flex;
    justify-content: center;
}

.social-navigation {
    float: initial;
}

.site-footer {
    padding: 1em 0 1em;
}

.site-footer .social-navigation {
	padding-top:15px;
	padding-bottom:15px;
}

.site-header .contact-info .fa {
    font-size: 1.2em;
    vertical-align: middle;
    border: 2px solid white;
    padding: 5px;
    border-radius: 50%;
    min-width: 32px;
    margin: 0px;
    text-align: center;
}

.error-404.not-found {
	text-align:center;
}

#secondary .widget {
	border: 0px solid #e8e8e8;

}

#featured_slider .carousel-navigation .carousel-next {
    right: 24px;
}


#featured_slider .carousel-navigation a {
	background-color: #eeecec5e;
    border-radius: 24px;
}

.site-header .contact-ribbon {
    min-height: 34px;
}

@media (max-width: 768px) {
	.page-header-title, 
	.page-breadcrumb.text-right {
		text-align: center !important;
	}		
}

@media (min-width: 768px) {
	#featured_slider .custom-settings {
		max-width: 50%;
	}
}
@media (max-width: 768px) {
	#featured_slider .custom-settings {
		max-width: initial;
	}
}

.site-header .contact-info .fa {
	border:initial;
	border-radius: 0px;
}




/*
 * Preloader
 */

.preloader-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:9999999;
	background-color: #01182bdb;
	opacity: 1;
	filter: alpha(opacity=100);
} 

.sk-chase {
	width: 90px;
	height: 90px;
	position: absolute;
	top: 48%;
	left: 48%;
	animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}


.widget {
    margin-bottom: 1em;
    padding: 1em 1em 1em;
}

#secondary .widget {
	border: 1px solid #f9f9f9;
	box-shadow: 0px 0px 15px #eee;
	border-radius: 4px;
}

