.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 16px;
}
.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 .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-btn .slide-content.slide-bg h4 {
color: #fff;
} .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);
} @-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(//soydak.com.tr/wp-content/themes/startbiz/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(//soydak.com.tr/wp-content/themes/startbiz/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;
}