/*
Theme Name: StartBiz
Theme URI: https://www.nayrathemes.com/startbiz-free/
Author: Nayra Themes
Author URI: https://www.nayrathemes.com/
Description: StartBiz is a fast and lightweight, multi-purpose WordPress theme, easily customizable and focused on a smooth user experience, to make your site stand out from the rest. StartBiz comes with everything you could ever need to build an amazing website, and it's perfect for any type of business! View the demo of StartBiz Pro https://www.nayrathemes.com/demo/pro/startbiz
Template: startkit
Version: 2.0.28
Tested up to: 5.5.1
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: startbiz
Slug: startbiz
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, portfolio, editor-style, grid-layout

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.

*/

/*
==========================================
    Navigation
==========================================
*/

.active-3 nav {
    margin: auto -60px auto 0;
}

.active-3 .header-right-bar,
.active-3 .header-right-bar ul li {
    margin: 0px;
}

.active-3 .main-menu > ul > li > a {
    line-height: 70px;
}

.active-3 .main-menu > ul > li.active > a,
.active-3 .main-menu > ul > li.focus > a,
.active-3 .main-menu > ul > li:hover > a {
    color: #fff;
}

.active-3 .main-menu > ul > li > a {
    padding: 10px 15px;
}

.normal-h {
    background: #fff !important;
    background-image: none;
    min-height: 80px !important;
    -webkit-box-shadow: 0 15px 40px -20px rgba(40,44,63,.15);
    -ms-box-shadow: 0 15px 40px -20px rgba(40,44,63,.15);
    -o-box-shadow: 0 15px 40px -20px rgba(40,44,63,.15);
    box-shadow: 0 15px 40px -20px rgba(40,44,63,.15);
}

@media only screen and (min-width:1550px) {
	.normal-h {
        min-height: 80px !important;
        padding: 0px;
    }
}

#breadcrumb-area {
	padding: 143px 0 40px;
    background: #db2723 !important;
	z-index: unset;
}

.breadcrumb-nav li a {
    color: #ffffff;
}

.slide-content h1 {
    letter-spacing: 0.7px;
}

.slide-content p {
    color: #fff;
}

.slide-bg-line {
    padding: 30px;
    margin-top: 50px;
    background: rgba(0, 0, 0, 0.6);
}

.slide-bg-line.slide-center {
    border-top: 10px solid;
}

.startbiz-btn .boxed-btn,
.startbiz-btn .posts-navigation .nav-links a {
    font-size: 15px;    
    color: #ffffff; 
    position: relative;
    padding: 0 25px !important;
    line-height: 40px;
	z-index: 0;
	cursor: pointer;
}

.startbiz-btn .boxed-btn,
.startbiz-btn .posts-navigation .nav-links a {
	overflow: hidden;
}

.startbiz-btn .boxed-btn,
.startbiz-btn .posts-navigation .nav-links a { 
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

.startbiz-btn .search-form .boxed-btn {
	line-height: 50px;
}

/* Startbiz BTN Style */

.startbiz-btn .boxed-btn:hover,
.startbiz-btn .posts-navigation .nav-links a:hover {
    background-color: transparent;
}

.startbiz-btn .boxed-btn:hover:before,
.startbiz-btn .posts-navigation .nav-links a:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}

.startbiz-btn .boxed-btn:before,
.startbiz-btn .posts-navigation .nav-links a:before {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    background: #ffffff;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

/* Startbiz Colors */
.startbiz-btn .slide-content.slide-bg h4 {
    color: #fff;
}



/* Service 3 Styles */

.service_3.servicepage-item {
    border: 1px solid #eee;
    padding: 55px 20px 20px 20px;
    margin-bottom: 45px;
    position: relative;
    z-index: 0;
}

.service_3.servicepage-item .service-icon {
	width: 80px;
    height: 80px;
    line-height: 80px;
}

.service_3.servicepage-item .service-icon i {
    line-height: 80px;
}

.service_3.servicepage-item .service-icon,
.service_3.servicepage-item .service-icon:before,
.service_3.servicepage-item .service-icon i,
.service_3.servicepage-item .service-icon img {
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.service_3.servicepage-item .service-icon:before {
  top: 90%;
  left: -110%;
}
.service_3.servicepage-item .service-icon i,
.service_3.servicepage-item .service-icon img {
	font-size: 50px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.service_3.servicepage-item:focus .service-icon:before,
.service_3.servicepage-item:hover .service-icon:before {
  top: -20%;
  left: -20%;
  background: #db2723;
}
.service_3.servicepage-item:focus .service-icon i,
.service_3.servicepage-item:hover .service-icon i,
.service_3.servicepage-item:focus .service-icon img,
.service_3.servicepage-item:hover .service-icon img {
  color: #fff !important;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.service_3.servicepage-item .service-icon {
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 15px -5px rgba(0,0,0,0.1);
}
.service_3.servicepage-item .service-icon:before {
  content: '';
  width: 140%;
  height: 140%;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* Scroll Up */

@-webkit-keyframes pulse {
  0% {
    opacity: 1;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 1;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-ms-keyframes pulse {
  0% {
    opacity: 1;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}

.scrollup {
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 10px 0px;
    border-radius: 4px;
    transition: all 0.3s ease 0s;
	display: block;
	opacity: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 0;
	font-size: 0;
	color: transparent;
	margin-left: auto;
	margin-right: auto;
	-moz-background-size: 0 auto;
	-o-background-size: 0 auto;
	-webkit-background-size: 0 auto;
	background-size: 0 auto;
	-webkit-animation: pulse 1.5s 0s infinite normal ease forwards;
	-moz-animation: pulse 1.5s 0s infinite normal ease forwards;
	-o-animation: pulse 1.5s 0s infinite normal ease forwards;
	animation: pulse 1.5s 0s infinite normal ease forwards;
	background-image: url("images/arrow-down.svg");
	background-repeat: no-repeat;
	transform: rotate(180deg);
}
.scrollup:before, .scrollup:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url("images/arrow-down.svg") no-repeat center top;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.scrollup:before {
	-webkit-animation: pulse 1.5s 0.25s infinite normal ease forwards;
	-moz-animation: pulse 1.5s 0.25s infinite normal ease forwards;
	-o-animation: pulse 1.5s 0.25s infinite normal ease forwards;
	animation: pulse 1.5s 0.25s infinite normal ease forwards;
}
.scrollup:after {
	-webkit-animation: pulse 1.5s 0.5s infinite normal ease forwards;
	-moz-animation: pulse 1.5s 0.5s infinite normal ease forwards;
	-o-animation: pulse 1.5s 0.5s infinite normal ease forwards;
	animation: pulse 1.5s 0.5s infinite normal ease forwards;
}