body {
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
background-color: #fff;
font-weight: 400;
color: #707070;
padding: 0;
margin: 0;
} p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #707070;
line-height: 24px;
margin: 0;
margin-bottom: 15px;
}
span {
font-size: 14px;
color: #707070;
}
i {
line-height: 1;
font-style: normal;
}
a {
text-decoration: none;
outline: 0 none;
color: inherit;
}
a:hover,
a:focus {
text-decoration: none;
outline: 0 none;
color:inherit;
}
img {
border-style: none;
height: auto;
max-width: 100%;
vertical-align: middle;
}
iframe {
border: none;
}
:active,
:focus {
outline: none !important;
}
.btn.focus,
.btn:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: initial;
}
::-moz-selection {
background: #232323;
color: #fff;
}
::selection {
background: #232323;
color: #fff;
}
ul,
li {
list-style: none;
padding: 0;
margin: 0;
}
.o-hid {
overflow: hidden;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: 0;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.center-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mb-60 {
margin-bottom: 60px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.c-blue {
color: #00adef;
}
.c-black {
color: #232323
}
a.c-blue:hover, a.c-blue:focus {
color: #232323
}
.bor-b {
border-bottom: 1px solid;
} h1,
h2,
h3,
h4,
h5,
h6 {
color: #232323;
font-family: 'Poppins', sans-serif;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
h1 {
font-size: 50px;
font-weight: 700;
text-transform: uppercase;
}
h2 {
font-size: 40px;
font-weight: 700;
text-transform: uppercase;
}
h3 {
font-size: 35px;
font-weight: 700;
text-transform: uppercase;
}
h4 {
font-size: 25px;
font-weight: 600;
text-transform: uppercase;
}
h5 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
h5 a,
h6 a {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
h5 a:hover, h5 a:focus, 
h6 a:hover, h6 a:focus  {
color: #00adef
}
h6 {
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
}
.sp-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.sp-70-100 {
padding-top: 70px;
padding-bottom: 100px;
}
.sp-100-70 {
padding-top: 100px;
padding-bottom: 70px;
}
.mb-30 {
margin-bottom: 30px;
}
.mt-30{
margin-top: 30px;
}  ::-webkit-scrollbar {
width: 10px;
} ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px #ccc;
box-shadow: inset 0 0 5px #ccc;
} ::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover , ::-webkit-scrollbar-thumb:focus{
background: #00adef;
} .btn {
border: 0;
border-radius: 0;
text-transform: capitalize;
font-size: 14px;
padding: 10px 25px;
text-transform: uppercase;
font-weight: 500;
}
.btn-blue {
background-color: #00adef;
color: #fff;
}
.btn-black {
background-color: #232323;
color: #fff;
}
.btn-white {
background-color: #fff;
color: #00adef;
}
.btn-white,
.btn-blue,
.btn-black {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
overflow: hidden;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
overflow: hidden;
}
.btn-white:before,
.btn-blue:before,
.btn-trans:before,
.btn-black:before {
content: "";
display: block;
background: #00adef;
position: absolute;
width: 200%;
height: 500%;
border-radius: 100%;
-webkit-transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
-o-transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
-webkit-transform: translate(30%, 10%) translateZ(0);
transform: translate(30%, 10%) translateZ(0);
z-index: -1;
}
.btn-white:before,
.btn-trans:before {
background: #00adef;
}
.btn-black:before {
background: #fff;
}
.btn-blue:before {
background: #fff
}
.btn-white:hover,.btn-white:focus,
.btn-trans:hover, .btn-trans:focus {
color: #fff;
}
.btn-black:hover, .btn-black:focus {
color: #232323;
}
.btn-blue:hover, .btn-blue:focus {
color: #00adef;
}
.btn-white:hover:before, .btn-white:hover:focus,
.btn-blue:hover:before, .btn-blue:hover:focus,
.btn-trans:hover:before, .btn-trans:hover:focus,
.btn-black:hover:before , .btn-black:hover:focus {
-webkit-transform: translate(-45%, -34%) translateZ(0);
transform: translate(-45%, -34%) translateZ(0);
}
.btn-shadow {
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}
.btn-trans {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
overflow: hidden;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
overflow: hidden;
border: 1px solid #00adef;
color: #00adef;
padding: 8px 20px;
}
.btn-trans.white {
border-color: #fff;
color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.btn-trans.white:hover .btn-trans.white:focus {
border-color: #00adef;
}
.read-more {
text-transform: capitalize;
color: #232323;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-size: 14px;
font-weight: 500;
position: relative;
}
.br-5 {
border-radius: 5px;
} .bg-w {
background-color: #fff;
}
.bg-dull {
background-color: #f7f7f7;
}
.bg-blue {
background-color: #00adef;
} .owl-theme .owl-dots .owl-dot {
border-width: 1px;
border-color: #00adef;
border-style: solid;
border-radius: 50%;
width: 10px;
height: 10px;
margin: 0 4px;
}
.owl-theme .owl-dots .owl-dot span {
border-radius: 50%;
background-color: #00adef;
width: 4px;
height: 4px;
margin: 2px auto;
opacity: 0;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot:focus span { 
opacity: 1;
background-color: #00adef;
} .all-title {
text-align: center;
position: relative;
margin-bottom: 60px;
}
.sec-title {
color: #00adef;
position: relative;
margin-bottom: 10px;
font-weight: 700;
}
.all-title.white .sec-title {
color: #fff
}
.all-title.white2 .sec-title {
color: #00adef;
}
.all-title.white2 .sec-title span {
color: #fff;
}
.all-title.white2 .title-sep {
fill: #fff;
}
.sec-title span {
color: #232323;
display: block;
font-size: 20px;
font-weight: 700;
}
.all-title p {
max-width: 800px;
margin: 20px auto 0;
color: #707070;
}
.all-title.white p,
.all-title.white2 p {
color: #fff
}
.title-sep {
fill: #232323;
height: 22px;
width: 83px;
} #c-scroll {
display: none;
position: fixed;
line-height: 40px;
text-align: center;
background-color: #00adef;
font-size: 30px;
border-radius: 20px;
-webkit-animation-delay: .95s;
animation-delay: .95s;
width: 40px;
height: 40px;
border-radius: 50px;
color: #fff;
bottom: 40px;
right: 40px;
z-index: 99;
cursor: pointer;
} .preloader {
height: 100%;
width: 100%;
background-color: #fff;
top: 0;
left: 0;
position: fixed;
z-index: 99999;
text-align: center;
}
.preloader svg {
height: 50px;
width: 50px;
}
.loader-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.loader-inner .testi-box {
text-align: center;
color: #232323;
font-weight: 300;
-webkit-animation: fadeAnim 1s linear infinite;
animation: fadeAnim 1s linear infinite;
fill: #232323;
font-weight: 800;
margin-top: 10px;
}
@-webkit-keyframes fadeAnim {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeAnim {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.path {
stroke-dasharray: 2110;
stroke-dashoffset: 2110;
stroke-width: 0;
stroke-linecap: round;
-webkit-animation: dash 1s linear infinite;
animation: dash 1s linear infinite;
stroke: #00adef;
}
@-webkit-keyframes dash {
0% {
stroke-dashoffset: 2110;
opacity: 0;
stroke: #00adef;
}
15% {
opacity: 1;
stroke: #00adef;
}
70% {
opacity: 1;
stroke: #00adef;
}
100% {
stroke-dashoffset: 0;
opacity: 0;
stroke: #00adef;
}
} header {
position: relative;
}
.header-one {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 99;
}
.logo {
position: relative;
z-index: 9;
}
.logo-wrap h1{
margin-bottom: 0;
line-height: 1;
}
.logo-one .logo {
line-height: 82px;
} .head-top {
position: relative;
}
.head-top-one {
background-color: rgba(0, 0, 0, .7)
}
.head-top-one .head-con {
padding: 12px 0;
text-align: center
}
.head-con li {
padding: 0;
padding-right: 19px;
margin: 18px 0;
margin-right: 19px;
display: inline-block;
color: #fff;
font-size: 14px;
border-right: 1px solid #6a6c6e;
}
.head-top-one .head-con li:last-child {
padding-right: 0;
margin-right: 0;
border-right: 0;
}
.head-top-three .head-con li{
color: #232323;
}
.head-top-three .head-con li:last-child{
margin-right: 0
}
.head-con li i {
color: #00adef;
margin-right: 5px;
}
.head-top-one .head-con li i {
color: #00adef;
margin-right: 5px;
}
.menu-one {
background-color: rgba(0, 0, 0, .7);
color: #fff;
}
.header-four .menu{
color: #fff
}
.header-four .affix.sticky-menu {
color: #fff;
background-color: #fff;
}
.type-2 .head-top-four {
background-color: rgb(35, 35, 35);
border-bottom:0;
} .header-two,
.header-three {
background-color: #fff;
}
.header-three .navbar-nav .nav-item{
margin: 0 20px
}
.header-four {
width: 100%;
background:#fff;
z-index: 99;
left: 0;
} .top-search {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
}
.top-search.open {
width: 100%;
opacity: 1;
visibility: visible;
z-index: 9999999;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.top-search .close {
position: fixed;
top: 25px;
font-weight: 400;
right: 25px;
opacity: 1;
font-size: 25px;
color: #fff;
cursor: pointer;
font-size: 25px;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover , .close:not(:disabled):not(.disabled):focus {
color: #fff;
opacity: 1;
}
.search-bar {
position: absolute;
top: 50%;
left: 0;
width: 60%;
margin-top: -51px;
margin-left: 20%;
}
.top-search .form-control {
color: #fff;
text-transform: capitalize;
background: transparent;
border: 0;
border-bottom: 2px solid #fff;
font-size: 40px;
font-weight: 300;
outline: 0;
padding: 10px;
height: auto;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.submit-btn {
position: absolute;
top: 22px;
right: 13px;
background: transparent;
color: #fff;
font-size: 30px;
border: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
}
.header-one .menu-con .btn {
margin-top: 16px;
padding: 13px 25px;
} .head-top-four {
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.head-top-four .head-con li i {
color: #fff;
}
.head-top-four .head-con li {
border-right: 1px solid rgba(255, 255, 255, 0.5);
margin-top: 21px;
margin-bottom: 21px;
}
.head-con li:last-child {
border-right: 0;
}
.header-four .menu {
-webkit-box-shadow: none;
box-shadow: none;
}
.search-bar-icon,
.menu-appoint {
display: inline-block;
}
.menu-appoint a {
display: block;
background-color: #00adef;
color: #fff;
padding: 20px;
font-size: 16px;
font-weight: 600;
}
.search-icon {
border-left: 1px solid #d7d7d7;
padding: 21px 30px;
display: block;
}
.head-top-two,
.head-top-three {
border-bottom: 1px solid #d7d7d7;
}
.head-top-two .head-con li {
margin: 29px 0;
margin-right: 0;
padding-left: 20px;
margin-left: 2px;
color: #232323;
border-right-color: #d7d7d7;
}
.head-top-two .head-con li:last-child {
padding-right: 0
}
.menu-two .navbar {
padding: 11px 0;
}
.header-top1 {
background-color: #232323;
}
.header-top1 p {
color: #fff;
padding: 15px 0;
text-transform: capitalize;
}
.head-top-two .head-con li i {
font-size: 30px;
vertical-align: middle;
margin-right: 10px;
}
.header-top1 .foot-social2 a {
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.header-top1 .foot-social2 a:hover , .header-top1 .foot-social2 a:focus {
color: #232323;
}
.header-three .header-top1 .foot-social2 a:hover, .header-three .header-top1 .foot-social2 a:focus {
color: #00adef;
}
.header-six .menu-con:hover .btn:before, .header-six .menu-con:focus .btn:before {
background: #000
}
.head-top-six .head-con li {
border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.head-top-six .head-con li i {
color: #fff;
}
.logo-six {
max-width: 240px;
width: 100%;
text-align: center;
}
.logo-six .logo {
z-index: 2;
position: absolute;
padding: 15px 0;
width: 240px;
left: 50%;
top: 0;
height: 110px;
background-color: #fff;
box-shadow: 0px 0px 12px 0px rgba(52, 52, 52, 0.14);
transform: translateX(-50%);
}
.sticky-menu .logo-six .logo {
height: 90px;
padding: 28px 0;
box-shadow: none;
}
.sticky-menu .logo-sticky, .logo-center {
display: block;
margin: 0 auto;
}
.sticky-menu .logo-center, .logo-sticky {
display: none;
}
.menu-six .navbar-nav .nav-item:first-child {
margin-left: 0;
}
.menu-six .search-icon {
border-left: 0;
} .quick-appointment {
position: relative;
}
.apoint-btn {
height: 60px;
width: 60px;
background-color: #00adef;
border-radius: 50%;
text-align: center;
padding-top: 14px;
position: relative;
z-index: 9999;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
position: fixed;
left: 30px;
bottom: 30px;
z-index: 9;
}
.apoint-btn:after {
position: absolute;
content: '';
height: 99px;
width: 99px;
-webkit-animation: pulse-animation 2s infinite;
animation: pulse-animation 2s infinite;
background: #00adef;
border-radius: 50%;
left: -20px;
top: -20px;
z-index: -99;
opacity: .2;
}
.apoint-btn:before {
position: absolute;
content: '';
height: 80px;
width: 80px;
-webkit-animation: pulse-animation 1s infinite;
animation: pulse-animation 1s infinite;
background: #00adef;
border-radius: 50%;
left: -10px;
top: -10px;
z-index: -9;
opacity: .3;
}
@-webkit-keyframes pulse-animation {
0% {
-ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5);
}
100% {
-ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0);
}
}
@keyframes pulse-animation {
0% {
-ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5);
}
100% {
-ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0);
}
}
.apoint-btn i {
font-size: 30px;
color: #fff;
position: absolute;
left: 19px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.quick-form {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
transform: translateY(10px) scaleY(0);
-webkit-transform: translateY(10px) scaleY(0);
-moz-transform: translateY(10px) scaleY(0);
-ms-transform: translateY(10px) scaleY(0);
-o-transform: translateY(10px) scaleY(0);
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
margin-bottom: 20px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index: 0;
position: fixed;
left: 30px;
bottom: 40px;
z-index: 9;
width: 350px;
}
.quick-form.form-active {
opacity: 1;
visibility: visible;
transform: translateY(0) scaleY(1);
-webkit-transform: translateY(0) scaleY(1);
-moz-transform: translateY(0) scaleY(1);
-ms-transform: translateY(0) scaleY(1);
-o-transform: translateY(0) scaleY(1);
display: block;
}
.banner-form {
background-color: #fff;
padding: 30px;
text-align: center;
width: 350px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.banner-form h5 span {
color: #00adef;
font-size: 18px;
}
.apoint-btn .fa-times {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
.apoint-btn.btn-active .fa-times {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.apoint-btn.btn-active .fa-user-md {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
} .main-slider,
.slide-item {
position: relative;    
overflow: hidden;
}
.theme-slider .slide-item::after, 
.theme-slider .slide-item::before {
position: absolute;
content: "";
top: 0;
left: -350px;
right: 0;
bottom: 0;
height: 100%;
z-index: 0;
transition: all 1s ease;
opacity: 0;
}
.theme-slider .slide-item::before {
width: 1500px;
background-color: rgba(255, 255, 255, 0.3);
-webkit-transform: skew(-35deg) translateX(-170px);
transform: skew(-35deg) translateX(-170px);
}
.theme-slider .active .slide-item::before {
transition-delay: 0.6s;
transform: skew(-35deg) translateX(0);
opacity: 1;
}
.theme-slider .slide-item::after {
width: 1400px;
background-color: rgba(0, 173, 239, 0.85);
-webkit-transform: skew(-35deg) translateX(-150px);
transform: skew(-35deg) translateX(-150px);
}
.theme-slider .active .slide-item::after {
transform: skew(-35deg) translateX(0);
opacity: 1;
}
.theme-slider .slide-overlay {
background-color: transparent;
z-index: 2;
}
.theme-slider .slide-content {
text-align: left;
}
.theme-slider .slide-content h2 {
max-width: 650px;
font-size: 60px;
margin-left: 0;
letter-spacing: 1px;
text-transform: uppercase;
}
.theme-slider .slide-content p {
margin-left: 0;
max-width: 650px;
}
.active .slide-content h2 {
-webkit-animation: 1s .3s fadeInUp both;
animation: 1s .3s fadeInUp both;
animation-delay: 0.6s;
}
.active .slide-content p {
-webkit-animation: 1s .4s fadeInUp both;
animation: 1s .4s fadeInUp both;
animation-delay: 0.8s;
}
.active .btn {
-webkit-animation: 1s .5s fadeInUp both;
animation: 1s .5s fadeInUp both;
animation-delay: 1s;
}
.main-slider .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 0;
position: absolute;
bottom:40px;
right:30px;
z-index: 999;
}
.main-slider .owl-theme .owl-dots .owl-dot {
border-color: #ffffff;
width: 18px;
height: 18px;
border-width: 2px;
}
.main-slider .owl-theme .owl-dots .owl-dot span {
width: 8px;
height: 8px;
margin: 3px auto;
}
.main-slider .theme-slider.owl-theme .owl-dots .owl-dot span {
background-color: #fff;
z-index: 9;
opacity: 1;
height: 13px;
width: 13px;
}
.main-slider .owl-theme .owl-dots .owl-dot.active span,
.main-slider .owl-theme .owl-dots .owl-dot:hover span, .main-slider .owl-theme .owl-dots .owl-dot:focus span{
background-color: #fff;
}
.main-slider .theme-slider.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 0;
position: absolute;
bottom: 50%;
transform: translateY(40%);
right: 30px;
z-index: 999;
}
.main-slider .owl-theme .owl-dots .owl-dot {
border-color: #ffffff;
width: 18px;
height: 18px;
border-width: 2px;
}
.main-slider .theme-slider.owl-theme .owl-dots .owl-dot {
display: block;
margin: 10px 0;
background-color: transparent;
border: 0;
height: auto;
width: auto;
box-shadow: 0 0 20px #ccc;
}
.main-slider .owl-theme .owl-dots .owl-dot.active span, .main-slider .owl-theme .owl-dots .owl-dot:hover span, .main-slider .owl-theme .owl-dots .owl-dot:focus span {
background-color: #fff;
}
.main-slider .theme-slider.owl-theme .owl-dots .owl-dot.active span {
background-color: #00adef;
}
.slider-tabs {
position: absolute;
bottom: 0;
z-index: 2;
width: 100%;
left: 0;
}
.top-tabs {
padding: 30px 0 25px;
width: 25%;
background-color: rgba(0, 0, 0, .6);
float: left;
border-right: 1px solid #414040;
color: #fff;
text-align: center;
font-size: 25px;
text-transform: capitalize;
}
.top-tabs i {
font-size: 45px;
margin-right: 15px;
vertical-align: middle;
}
.slide-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #000;
background-color: rgba(0, 0, 0, 0.65);
}
.corp-slider .slide-item img {
width: 100%;
height: 100vh;
-o-object-fit: cover;
object-fit: cover;
object-position: center;
}
.corp-slider .slide-item img, .theme-slider .slide-item img {
width: 100%;
height: 100vh;
-o-object-fit: cover;
object-fit: cover;
object-position: top right;
}
.slide-table {
overflow: hidden;
display: table;
width: 100%;
height: 100%;
}
.slide-table-cell {
display: table-cell;
vertical-align: middle;
}
.slide-content {
text-align: center;
overflow: hidden;
color: #fff;
}
.slide-content h2 {
font-size: 50px;
font-weight: 600;
margin: 0 auto 40px;
text-transform: capitalize;
max-width: 100%;
color: #fff;
}
.corp-slider .active .slide-content h2 {
-webkit-animation: 1s .3s zoomIn both;
animation: 1s .3s zoomIn both;
}
.corp-slider .active .slide-content p {
-webkit-animation: 1s .4s zoomInRight both;
animation: 1s .4s zoomInRight both;
}
.slide-content p {
max-width: 800px;
font-size: 16px;
margin: 0 auto 50px;
color: #fff;
line-height: 1.7;
}
.slide-content .btn {
margin: 0 7px;
min-width: 170px;
font-size: 16px
}
.corp-slider .active .btn {
-webkit-animation: 1s .5s slideInUp both;
animation: 1s .5s slideInUp both;
} .about-1 {
background-color: #fff;
overflow: hidden;
}
.abt-slider {
text-align: center;
}
.about-1 .slide-item img {
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.about-1 .owl-theme .owl-nav.disabled+.owl-dots {
display: inline-block;
margin: 0 auto;
background-color: #fff;
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 6px 13px 4px;
}
.about-content .btn-shadow {
padding: 8px 25px;
}
.about-1 .schedule {
border: 20px solid #e9e9e9;
padding: 40px 20px;
border-right: 0;
position: relative;
}
.about-1 .schedule-3 {
border: 0;
padding: 0;
}
.about-1 .schedule h5 {
margin-bottom: 35px;
}
.schedule h5 span {
font-size: 18px;
font-weight: 600;
color: #00adef;
margin-bottom: 20px;
}
.about-1 .schedule::after {
height: 20px;
width: 600px;
left: 80%;
content: '';
position: absolute;
background-color: #e9e9e9;
top: -20px;
}
.about-1 .schedule::before {
height: 20px;
width: 600px;
left: 80%;
content: '';
position: absolute;
background-color: #e9e9e9;
bottom: -20px;
}
.schedule li {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e9e9e9;
display: block;
overflow: hidden;
}
.schedule li span {
float: left;
color: #232323;
}
.schedule li span+span {
float: right;
color: #707070;
}
.schedule li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: 0;
}
.about-2 {
position: relative;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/particle-shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 0;
}
.about-2::after {
position: absolute;
z-index: -1;
position: absolute;
content: '';
left: 0;
top: 0;
width: 50%;
height: 100%;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/abt2-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}
.abt2-content {
background-color: #fff;
padding: 50px;
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
p .fa-check-circle {
color: #363636;
margin-right: 5px
} .about-3 .abt-slider {
text-align: left;
overflow: hidden;
}
.about-3 .slide-item {
overflow: hidden;
}
.about-3 .slide-item img {
border-radius: 10px;
}
.about-3 .abt-slider.owl-theme .owl-dots {
margin-top: 60px;
text-align: left;
padding-right: 10px;
position: relative;
z-index: 9;
}
.about-3.type-2 .abt-slider.owl-theme .owl-dots {
margin-top: 55px;
}
.about-3 .tab-content .abt-slider.owl-theme .owl-dots {
margin-top: 30px;
}
.about-3 .abt-slider.owl-theme .owl-dots::after {
height: 1px;
background-color: #d7d7d7;
width: 1000px;
content: '';
position: absolute;
top: 10px;
z-index: -2;
margin-left: 12px;
} .abt-link {
background-color: #fff;
-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
display: block;
padding: 5px;
text-align: center;
font-size: 18px;
font-weight: 600;
color: #232323;
margin-bottom: 30px;
text-transform: capitalize;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.abt-link.active,
.abt-link:hover, .abt-link:focus {
color: #fff;
background-color: #00adef
} .vid-counter {
overflow: hidden;
}
.vid-float {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 0;
min-height: 352px;
text-align: center;
}
.vid-float::after {
position: absolute;
z-index: -1;
position: absolute;
content: '';
top: 0;
left: 0;
width: 1400px;
height: 100%;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/pages/vid-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
z-index: -2;
border-radius: 30px 0 0 30px;
}
.vid-float::before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 1400px;
height: 100%;
opacity: 0.7;
background-color: #000;
z-index: -1;
border-radius: 30px 0 0 30px;
}
.vid-float .vid-btn {
right: 100px;
} .counter-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
-webkit-box-shadow: 0 0 20px 0 rgba(67, 66, 66, 0.13);
box-shadow: 0 0 20px 0 rgba(67, 66, 66, 0.13);
position: relative;
background-color: #ffffff;
padding: 20px;
padding-right: 70px;
}
.counter-wrap:last-child {
margin-bottom: 0
}
.counter-wrap .c-icon {
width: 70px;
height: 100%;
background-color: #363636;
padding-top: 5px;
position: absolute;
right: 0;
top: 0;
color: #fff;
font-size: 40px;
text-align: center;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.counter-wrap:hover .c-icon, .counter-wrap:focus .c-icon {
background-color: #00adef;
}
.counter-wrap .count-no {
max-width: 95px;
width: 100%;
border-right: 1px solid #d7d7d7;
}
.counter-wrap .count-no .count {
color: #00adef;
margin: 0;
padding-right: 15px;
}
.count::after {
content: '+';
margin-left: 5px
}
.counter-wrap .count-name p {
margin: 3px 0;
color: #232323;
text-transform: uppercase;
padding-left: 12px;
font-weight: 600
}
.counter-wrap2{
padding: 40px 30px;
border: 1px solid #efefef;
position: relative;
overflow: hidden;
z-index: 0;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/particle-3.png);
background-position: right bottom;
background-repeat: no-repeat;
margin-bottom: 30px;
}
.counter-wrap2::after{
position: absolute;
content: '';
right: -15%;
bottom: -15%;
background-color: #00adef;
height: 150px;
width: 150px;
border-radius: 50%;
z-index: -1;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
z-index: -1;
opacity: 0.1;
}
.counter-wrap2:hover::after, .counter-wrap2:focus::after{
height: 100%;
width:100%;
border-radius:0;
right: 0;
bottom:0;
opacity:1;
}
.counter-wrap2 h4{
margin-bottom: 10px
}
.counter-wrap2 h5{
margin-bottom: 0;
}
.c-icon{
position: relative;
margin-bottom: 20px
}
.counter-wrap2 i{
font-size: 60px;
line-height: 1;
color: #232323;
}
.counter-wrap2 *{
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.counter-wrap2:hover *, .counter-wrap2:focus *{
color: #fff
}  .services-1 {
position: relative;
background-color: #f7f7f7;
z-index: 0;
}
.services-1::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/particle-shape.png);
z-index: -1;
background-size: cover;
background-attachment: fixed;
background-position: center;
}
.service-box1 {
border: 1px solid #232323;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
overflow: hidden;
position: relative;
margin-bottom: 30px;
background-color: #f7f7f7;
z-index: 0;
}
.service-box1::after {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 60px;
height: 60px;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
background-color: #232323;
z-index: -1;
}
.service-box1:hover::after, .service-box1:focus::after {
width: 100%;
height: 100%;
background-color: #00adef;
}
.service-box1 .service-inner {
padding: 25px 20px;
}
.service-box1:hover , .service-box1:focus {
border-color: #00adef;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s
}
.service-box1 * {
-webkit-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
-moz-transition: all .1s ease;
-ms-transition: all .1s ease;
}
.service-box1 h5 {
transition: unset;
-webkit-transition: unset;
-moz-transition: unset;
-ms-transition: unset;
-o-transition: unset;
}
.service-box1:hover *, .service-box1:focus * {
color: #fff;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s
}
.service-box1 .service-ico {
position: absolute;
right: 0;
bottom: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 60px;
height: 60px;
padding-top: 12px;
text-align: center;
}
.service-ico i {
color: #fff;
font-size: 33px;
}
.service-box2 {
position: relative;
padding: 30px;
margin-bottom: 30px;
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
z-index: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.service-box2::after {
position: absolute;
content: '';
left: 0;
top: 0;
background-color: #fff;
width: 100%;
height: 100%;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
z-index: -1;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.service-box2::before {
position: absolute;
content: '';
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
z-index: -1;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transform: translate(100%);
-webkit-transform: translate(100%);
-moz-transform: translate(100%);
-ms-transform: translate(100%);
-o-transform: translate(100%);
}
.service-box2:hover::before, .service-box2:focus::before  {
transform: translate(0);
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
}
.service-box2:hover::after .service-box2:focus::after  {
transform: translate(-100%);
-webkit-transform: translate(-100%);
-moz-transform: translate(-100%);
-ms-transform: translate(-100%);
-o-transform: translate(-100%);
}
.service-box2 .service-ico i{
font-size:50px;
color:#232323;
display: block;
margin-bottom:20px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.service-box2 p {
margin-bottom: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.service-box2:hover p, .service-box2:focus p,
.service-box2:hover h5, .service-box2:focus h5,
.service-box2:hover .service-ico i, .service-box2:focus .service-ico i {
color: #fff
}
.service-box2 h5 a:hover, .service-box2 h5 a:focus{
color: #00adef;
}
.service-box3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
background-color: #ffffff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
margin-bottom: 30px;
}
.service-box3:hover, .service-box3:focus {
-webkit-box-shadow: 6px 5px 50px 0 rgba(0, 0, 0, 0.14);
box-shadow: 6px 5px 50px 0 rgba(0, 0, 0, 0.14)
}
.service-left {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-right: 1px solid #ebebeb;
width: 42%;
padding: 40px 20px 10px;
position: relative;
z-index: 0;
overflow: hidden;
}
.service-box3 .service-left::after {
position: absolute;
content: '';
left: -15%;
bottom: -15%;
background-color: #00adef;
height: 150px;
width: 150px;
border-radius: 50%;
z-index: -1;
opacity: 0.1;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
transition: all 0.6s linear;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
}
.service-box3:hover .service-left::after, .service-box3:focus .service-left::after {
height: 100%;
width: 100%;
opacity: 1;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
}
.service-left i {
font-size: 60px;
color: #232323;
margin-bottom: 20px;
display: block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.service-box3 .service-left h5 a {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.service-box3:hover .service-left i, .service-box3:focus .service-left i,
.service-box3 .service-left h5:hover a, .service-box3 .service-left h5:focus a,
.service-box3:hover .service-left h5, .service-box3:focus .service-left h5 {
color: #fff;
}
.service-right {
width: 58%;
padding: 30px 20px 10px;
}
.services-4 {
position: relative;
z-index: 0;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/service4-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed
}
.services-4::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.9;
background-color: #000;
z-index: -1;
}
.service-box4 {
position: relative;
border: 1px solid #fff;
border-radius: 10px;
padding: 30px;
overflow: hidden;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.service-box4:hover , .service-box4:focus {
border-color: #00adef;
}
.service-box4 .service-ico {
position: absolute;
top: 0;
background-color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 60px;
height: 60px;
padding-top: 12px;
text-align: center;
border-bottom-left-radius: 20px;
}
.service-box4 .service-ico i {
color: #232323;
font-size: 33px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.service-box4:hover .service-ico, .service-box4:focus .service-ico  {
background-color: #00adef;
}
.service-box4:hover .service-ico i, .service-box4:focus .service-ico i {
color: #fff;
}
.service-box4 h5,
.service-box4 p,
.service-box4 a {
color: #fff
}
.service3-slider.owl-theme .owl-nav {
margin-top: 50px;
}
.service3-slider.owl-theme .owl-nav .owl-prev,
.service3-slider.owl-theme .owl-nav .owl-next {
padding: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-size: 40px;
font-weight: 500;
background-color: transparent;
margin: 0 10px;
height: 50px;
width: 50px;
line-height: 52px;
border-radius: 50%;
color: #232323;
background-color: #fff;
-webkit-box-shadow: 0 0 20px rgba(204, 204, 204, 0.3);
box-shadow: 0 0 20px rgba(204, 204, 204, 0.3);
}
.service3-slider.owl-theme .owl-nav .owl-prev:hover,
.service3-slider.owl-theme .owl-nav .owl-next:hover, 
.service3-slider.owl-theme .owl-nav .owl-prev:focus,
.service3-slider.owl-theme .owl-nav .owl-next:focus {
background-color: #00adef;
color: #fff;
}
.head-top-six {
background-color: #00adef;
} .service-box5 {
background-color: #fff;
padding: 44px 30px 33px;
overflow: hidden;
border: 1px solid #eee;
}
.service-box5 .service-ico {
margin-bottom: 30px;
position: relative;
z-index: 0;
}
.service-box5 .service-ico::after {
position: absolute;
content: "";
left: 0;
top: -10px;
height: 65px;
width: 65px;
border-radius: 50%;
background-color: #00adef;
opacity: 0.1;
z-index: -1;
box-shadow: 0 0 0 0 #00adef;
}
.service-box5:hover .service-ico::after , .service-box5:focus .service-ico::after {
-webkit-animation: pulse 0.8s 1 cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 0.8s 1 cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 0.8s 1 cubic-bezier(0.66, 0, 0, 1);
animation: pulse 0.8s 1 cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes pulse {
to {
box-shadow: 0 0 0 85px rgba(0, 173, 239, 0.5);
}
}
@-moz-keyframes pulse {
to {
box-shadow: 0 0 0 85px rgba(0, 173, 239, 0.5);
}
}
@-ms-keyframes pulse {
to {
box-shadow: 0 0 0 85px rgba(0, 173, 239, 0.5);
}
}
@keyframes pulse {
to {
box-shadow: 0 0 0 85px rgba(0, 173, 239, 0.5);
}
}
.service-box5 .service-ico i {
color: #00adef;
font-size: 50px;
padding-left: 30px;
}
.service5-nav [class*=owl-] {
color: #00adef;
font-size: 14px;
margin-right: 14px;
padding: 0;
background: #ffffff;
display: inline-block;
border-radius: 5px;
width: 40px;
height: 30px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
padding-top: 2px;
font-size: 18px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-align: center;
cursor: pointer;
}
.service5-nav [class*=owl-]:hover, .service5-nav [class*=owl-]:focus {
background-color: #00adef;
color: #fff;
}
.service5-slider.owl-theme .owl-dots {
margin-top: 30px;
}
.shape-one {
position: absolute;
left: 0;
bottom: 0;
height: 400px;
}
.shape-two {
position: absolute;
right: 0px;
bottom: 0;
height: 400px;
}
.shape-one::after {
position: absolute;
content: "";
top: 0;
left: -150px;
right: 0;
bottom: 0;
height: 400px;
width: 400px;
z-index: 0;
opacity: 0.1;
background-color: #00adef;
animation: animationFrames linear 4s;
animation-iteration-count: infinite;
transform-origin: 50% 0%;
}
.shape-one::before {
position: absolute;
content: "";
top: -50px;
left: -250px;
right: 0;
bottom: 0;
height: 500px;
width: 500px;
z-index: 0;
opacity: 0.15;
background-color: #00adef;
animation: animationFrames linear 8s;
animation-iteration-count: infinite;
transform-origin: 50% 0%;
}
.shape-two::after {
position: absolute;
content: "";
top: 0;
right: -30px;
bottom: 0;
height: 750px;
width: 750px;
z-index: 0;
opacity: 0.08;
background-color: #00adef;
animation: animationFrames2 linear 6s;
animation-iteration-count: infinite;
transform-origin: 50% 0%;
}
.shape-two::before {
position: absolute;
content: "";
top: 0;
right: -10px;
bottom: 0;
height: 750px;
width: 750px;
z-index: 0;
opacity: 0.1;
background-color: #00adef;
animation: animationFrames2 linear 7s;
animation-iteration-count: infinite;
transform-origin: 50% 0%;
}
@keyframes animationFrames {
0% {
transform: skew(-35deg) rotate(0deg);
}
25% {
transform: skew(-35deg) rotate(8deg);
}
50% {
transform: skew(-35deg) rotate(0deg);
}
75% {
transform: skew(-35deg) rotate(8deg);
}
100% {
transform: skew(-35deg) rotate(0deg);
}
}
@keyframes animationFrames2 {
0% {
transform: rotate(-18deg) translate(0, 0);
}
25% {
transform: rotate(-18deg) translate(20px, 20px);
}
50% {
transform: rotate(-18deg) translate(0, 0);
}
75% {
transform: rotate(-18deg) translate(20px, 20px);
}
100% {
transform: rotate(-18deg) translate(0, 0);
}
}
.rel {
position: relative;
overflow: hidden;
} .service-list ul li {
padding-left: 80px;
background-color: #ffffff;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
position: relative;
margin-bottom: 20px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.service-list ul li h6{
margin-bottom: 0
}
.service-list ul li i {
position: absolute;
left: 0;
border-right: 1px solid #ebebeb;
height: 100%;
padding: 0 20px;
padding-top: 13px;
color: #000;
font-size: 30px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.service-list ul li:hover, .service-list ul li:focus,
.service-list ul li.active{
background-color: #00adef;
}
.service-list ul li.active i,
.service-list ul li:hover i, .service-list ul li:focus i,
.service-list ul li.active h6 a,
.service-list ul li:hover h6 a, .service-list ul li:focus h6 a{
color: #fff;
}
.service-list ul li h6 a{
padding:20px 17px 19px;
display: block;
margin: 0;
} .twentytwenty-container img {
width: 100%;
}
.ba-tab-content>.tab-pane {
display: block;
opacity: 0;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
-moz-transition: all .6s ease;
-ms-transition: all .6s ease;
z-index: 1;
transform: scaleX(0.9);
-webkit-transform: scaleX(0.9);
-moz-transform: scaleX(0.9);
-ms-transform: scaleX(0.9);
-o-transform: scaleX(0.9);
}
.ba-tab-content>.tab-pane.active {
opacity: 1;
z-index: 2;
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
}
.ba-tab-content {
position: relative;
height: 403px;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
background: #fff;
color: #232323;
font-weight: 500;
border-radius: 0;
}
.ba-tabs .nav-item {
display: block;
width: 100%;
margin-bottom: 20px;
}
.ba-tabs .nav-item:last-child {
margin-bottom: 0;
}
.ba-tabs .nav-link {
position: relative;
display: block;
text-align: left;
padding: 25.7px 40px 23px;
color: #232323;
background-color: #fff;
-webkit-transition: all .3s linear;
transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
z-index: 0;
line-height: 1;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
overflow: hidden;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
}
.ba-tabs .nav-link:after {
position: absolute;
content: '';
left: 0;
top: 0;
background-color: #00adef;
height: 100%;
width: 7px;
z-index: -1;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
}
.ba-tabs .nav-link.active:after {
width: 100%;
}
.ba-tabs .nav-link:before {
content: "\f0f1";
font-family: FontAwesome;
font-size: 50px;
line-height: 1;
position: absolute;
right: 21px;
bottom: -10px;
opacity: 0.2;
}
.ba-tabs .nav-link.active {
color: #fff;
}  .team-one {
position: relative;
z-index: 0;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/team-bg1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.team-one::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 70%;
height: 100%;
background-color: #00adef;
z-index: -1;
}
.team-one::before {
position: absolute;
content: '';
right: 0;
top: 0;
width: 30%;
height: 100%;
background-color: #fff;
opacity: 0.7;
z-index: -1;
}
.team-dot,
.team-one-slider {
margin-bottom: 30px;
}
.team-dot {
cursor: pointer;
}
.team-dot .team-inner {
pointer-events: none;
z-index: 99;
position: relative;
}
.team-dot .team-inner img {
-webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.14);
width: 100%;
border-radius: 10px;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.team-inner .img-wrap {
overflow: hidden;
border-radius: 10px;
}
.team-dot.active .team-inner img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.team-dot .team-inner h5 {
color: #fff;
text-transform: capitalize;
font-weight: 500;
position: relative;
margin-bottom: 2px;
margin-top: 15px;
}
.team-dot .team-inner span {
color: #000;
display: block;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
}
.team-dot .team-inner h5::after {
content: "";
width: 0;
height: 1px;
background-color: #fff;
right: 0;
top: 12px;
position: absolute;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.team-dot h5 strong {
font-weight: 500;
background: #00adef;
position: relative;
z-index: 2;
padding-right: 5px;
}
.team-dot.active .team-inner h5::after {
width: 80px;
}
.team-item {
background-color: #fff;
border-radius: 10px;
padding: 20px;
}
.team-item .img-wrap {
position: relative;
}
.team-social {
position: absolute;
bottom: 5px;
right: 5px;
padding: 0 10px;
border-radius: 10px;
overflow: hidden;
}
.team-social li {
display: inline-block;
margin: 5px 2px;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.team-social li a {
height: 20px;
width: 20px;
line-height: 22px;
text-align: center;
background-color: #232323;
color: #fff;
font-size: 11px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-social li a:hover, .team-social li a:focus {
background-color: #00adef;
}
.owl-item.active .team-social li {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s
}
.owl-item.active .team-social li:nth-child(odd) {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s
}
.team-item img {
border-radius: 10px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
margin-bottom: 25px;
width: 100%;
}
.team-item h5 {
color: #00adef;
text-transform: capitalize;
font-weight: 500;
position: relative;
margin-bottom: 2px;
}
.team-item span {
color: #000;
display: block;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 15px;
}
.team-item .read-more {
color: #00adef;
}
.team-item .read-more:hover, .team-item .read-more:focus, .team-item .read-more:focus {
color: #232323;
}
.team-one-slider.owl-theme .owl-nav {
margin-top: 25px;
}
.team-one-slider.owl-theme .owl-nav [class*=owl-] {
color: #232323;
font-size: 14px;
margin: 5px 5px 0;
padding: 0;
background: #ffffff;
display: inline-block;
border-radius: 5px;
width: 40px;
height: 30px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
padding-top: 2px;
font-size: 18px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-one-slider.owl-theme .owl-nav [class*=owl-]:hover, .team-one-slider.owl-theme .owl-nav [class*=owl-]:focus {
background-color: #00adef;
color: #fff
} .team3-box {
display: table;
width: 100%;
}
.team-img,
.team-content {
display: table-cell;
vertical-align: middle;
overflow: hidden;
}
.team-img {
width: 150px;
}
.team-img img {
border-radius: 10px;
}
.team-name {
padding: 0 0 10px 20px;
}
.team-name h5 {
margin-bottom: 5px
}
.team-name span {
margin-bottom: 15px;
text-transform: capitalize;
color: #00adef;
display: block;
}
.t-social {
background-color: #f7f7f7;
padding: 5px;
border-radius: 0 5px 5px 0;
text-align: center;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
color: #000;
transform: translateX(-90px);
-webkit-transform: translateX(-90px);
-moz-transform: translateX(-90px);
-ms-transform: translateX(-90px);
-o-transform: translateX(-90px);
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
}
.team3-box:hover .t-social, .team3-box:focus .t-social {
background-color: #00adef;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
.team3-box:hover .t-social li a , .team3-box:focus .t-social li a {
color: #fff
}
.t-social li {
display: inline-block;
margin: 0 10px
}
.team-slider.owl-theme .owl-nav {
margin-top: 50px;
}
.team-slider.owl-theme .owl-nav .owl-prev,
.team-slider.owl-theme .owl-nav .owl-next {
padding: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-size: 40px;
font-weight: 500;
background-color: transparent;
margin: 0 7px;
color: #232323
}
.team-slider.owl-theme .owl-nav .owl-prev:hover,
.team-slider.owl-theme .owl-nav .owl-next:hover, 
.team-slider.owl-theme .owl-nav .owl-prev:focus,
.team-slider.owl-theme .owl-nav .owl-next:focus{
color: #00adef;
}
.filter-btn-team {
display: inline-block;
cursor: pointer;
border-radius: 50px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
margin: 0 6px 5px;
}
.filter-btn-team span {
display: block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding: 11px 25px;
text-transform:uppercase;
border-radius: 30px;
color: #232323;
font-weight: 500;
font-size: 15px;
line-height: 1;
position: relative;
z-index: 0;
}
.filter-btn-team span:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: #00adef;
border-radius: 30px;
z-index: -1;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.filter-btn-team.active span:after {
height: 100%;
}
.filter-btn-team.active span {
color: #fff;
} .owl-carousel .owl-item .single-team img {
border-radius: 10px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
}
.single-left {
width: calc(100% - 50px);
}
.single-right {
width: 50px;
text-align: right;
border-left: 1px solid #d7d7d7;
padding-left: 10px;
margin-left: 20px;
}
.s-team-social li {
display: block;
}
.s-team-social li a {
display: block;
width: 23px;
height: 23px;
line-height: 23px;
border: 1px solid #707070;
color: #707070;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-radius: 5px;
margin: 0 10px 8px;
text-align: center;
font-size: 12px;
}
.s-team-social li:last-child a {
margin-bottom: 0;
}
.s-team-social li a:hover, .s-team-social li a:focus {
background-color: #00adef;
border-color: #00adef;
color: #fff;
}
.single-team-slider.owl-theme .owl-nav {
margin-top: 20px;
}
.single-team-slider.owl-theme .owl-nav [class*=owl-] {
width: 40px;
height: 30px;
border: 2px solid #d7d7d7;
padding-top: 3px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-radius: 5px;
background-color: #ffffff;
margin: 0 10px;
color: #707070;
}
.single-team-slider.owl-theme .owl-nav [class*=owl-]:hover, .single-team-slider.owl-theme .owl-nav [class*=owl-]:focus {
border-color: transparent;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
color: #00adef;
} .team-detail {
background-image: url(//www.meinjobonline.de/wp-content/themes/img/pages/team-d-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 0;
position: relative;
}
.team-detail::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.8;
z-index: -1;
}
.team-detail .table thead th {
vertical-align: bottom;
border-bottom: 1px solid #d7d7d7;
color: #00adef;
font-weight: 600;
}
.team-detail .table td,
.team-detail .table th {
padding: 10px;
vertical-align: top;
border-top: 0;
}
.team-detail .single-team {
-webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.14);
background-color: #fff;
padding: 35px;
}
.team-detail .single-team img {
width: 100%;
margin-bottom: 15px;
}
.team-detail .s-team-social a {
margin-left: 0;
margin-right: 20px;
} .department-one {
z-index: 0;
position: relative;
}
.department-one::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/particle-1.png);
background-size: cover;
background-position: center;
background-repeat: repeat-x;
background-attachment: fixed;
opacity: 0.08;
z-index: -1;
-webkit-animation: bgslide 10s linear infinite;
background-color: #d7d7d7;
}
@-webkit-keyframes bgslide {
from {
background-position: 0 0;
}
to {
background-position: -400px 0;
}
}
.department-tab {
margin-bottom: 30px;
}
.department-tab .nav-link {
display: block;
text-align: center;
border: 1px solid #d7d7d7;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
padding: 25px 20px;
position: relative;
z-index: 0;
background-color: #fff;
}
.department-tab .nav-link:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 0;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
z-index: -1;
}
.department-tab .nav-link:before {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 100%;
height: 0;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
z-index: -1;
}
.department-tab .nav-link.active {
border-color: #00adef;
}
.department-tab .nav-link.active:after,
.department-tab .nav-link.active:before {
height: 100%;
background-color: #00adef;
}
.department-tab .nav-link i {
display: block;
border: 1px solid #d7d7d7;
color: #232323;
width: 60px;
height: 60px;
border-radius: 50%;
margin: 0 auto 15px;
font-size: 40px;
padding-top: 8px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.department-tab a h6 {
color: #232323;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
margin: 0;
}
.department-tab .nav-link.active h6 {
color: #fff;
}
.department-tab .nav-link.active i {
background-color: #fff;
border-color: #fff;
}
.department-tab-content {
margin-bottom: 30px;
}
.department-tab-content .tab-pane {
text-align: center;
background-color: #fff;
padding: 25px;
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10);
box-shadow: 0px 0 20px 0 rgba(0, 0, 0, 0.05);
}
.department-tab-content .img-wrap {
position: relative;
margin-bottom: 28px;
}
.department-tab-content .img-wrap img {
width: 100%;
}
.department-tab-content .img-wrap h5 {
position: absolute;
bottom: 0;
background-color: #232323;
color: #fff;
right: 30px;
padding: 10px;
margin: 0;
letter-spacing: 1px;
}
.d-item {
margin-bottom: 30px;
}
.d-item-content {
background-color: #ffffff;
padding: 45px;
position: relative;
position: relative;
overflow: hidden;
z-index: 1;
}
.learn {
text-transform: uppercase;
font-size: 15px;
font-weight: 500;
color: #232323;
position: relative;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.d-item-content:hover .learn,
.single-footer-contact-box:hover .learn, 
.d-item-content:focus .learn,
.single-footer-contact-box:focus .learn {
padding-left: 30px;
}
.learn::after {
position: absolute;
top: 0;
left: 0px;
bottom: 0;
font-family: FontAwesome;
content: "\f178";
color: #00adef;
font-size: 20px;
font-weight: 500;
opacity: 0;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
line-height: 1.1;
}
.single-footer-contact-box .learn::after {
color: #fff;
}
.d-item-content:hover .learn::after,
.single-footer-contact-box:hover .learn::after, 
.d-item-content:focus .learn::after,
.single-footer-contact-box:focus .learn::after {
opacity: 1;
}
.d-item-content .item-icon {
position: absolute;
right: 15px;
bottom: 20px;
z-index: -1;
}
.d-item-content .item-icon::after {
position: absolute;
content: '';
right: -80%;
bottom: -80%;
background-color: #00adef;
height: 200px;
width: 200px;
border-radius: 50%;
z-index: -1;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
opacity: 0.1;
}
.d-item-content:hover .item-icon::after, .d-item-content:focus .item-icon::after {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.d-item-content .item-icon i {
font-size: 80px;
color: #00adef;
opacity: 0.4;
} .btn-small {
border: 1px solid #d7d7d7;
padding: 3px 13px;
font-size: 12px;
color: #232323;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.btn-small:hover, .btn-small:focus {
background-color: #00adef;
color: #fff;
border-color: #00adef;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.department-two-slider.owl-theme .owl-nav {
margin-top: 40px;
}
.department-two-slider.owl-theme .owl-nav .owl-prev,
.department-two-slider.owl-theme .owl-nav .owl-next {
padding: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-size: 40px;
font-weight: 500;
background-color: transparent;
margin: 0 10px;
height: 50px;
width: 50px;
line-height: 52px;
border-radius: 50%;
color: #232323;
background-color:#fff;
-webkit-box-shadow: 0 0 20px rgba(204, 204, 204, 0.3);
box-shadow: 0 0 20px rgba(204, 204, 204, 0.3);
}
.department-two-slider.owl-theme .owl-nav .owl-prev:hover,
.department-two-slider.owl-theme .owl-nav .owl-next:hover, 
.department-two-slider.owl-theme .owl-nav .owl-prev:focus,
.department-two-slider.owl-theme .owl-nav .owl-next:focus {
color: #00adef;
} .department-wrap {
background-color: #fff;
padding: 30px;
margin-top: 42px;
-webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.06);
;
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.06);
}
.department-tab-wrap {
margin-top: -72px;
}
.department-3-tab {
text-align: center;
margin-bottom: 30px;
}
.department-3-tab .nav-link {
padding: 0
}
.department-3-tab .nav-link i {
display: block;
background-color: #fff;
color: #232323;
width: 80px;
height: 80px;
border-radius: 50%;
margin: 0 auto 15px;
font-size: 45px;
padding-top: 18px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
position: relative;
z-index: 0;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
}
.department-3-tab .nav-link i::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #00adef;
z-index: -1;
transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
border-radius: 50%;
opacity: 0;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
}
.department-3-tab .nav-link.active h5 {
color: #00adef;
}
.department-3-tab .nav-link.active i::after {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.department-3-tab .nav-link.active i {
color: #fff;
} .blog-item {
margin-bottom: 30px;
text-align: center
}
.blog-item .read-more::after{
position: absolute;
top:-1px;
left: 0px;
bottom: 0;
font-family: FontAwesome;
content: "\f101";
color: #00adef;
font-size: 15px;
font-weight: 500;
opacity: 0;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.blog-item .read-more:hover, .blog-item .read-more:focus {
color: #00adef;
padding-left:15px;
}
.blog-item .read-more:hover::after, .blog-item .read-more:focus::after{
opacity: 1;
}
.blog-item iframe {
width: 100%;
height: 250px;
border: 0;
}
.post-img {
overflow: hidden;
margin-bottom: -10px;
border-radius: 10px 10px 0 0;
position: relative;
}
.post-img::before {
position: absolute;
top: 0;
left: -120%;
z-index: 2;
display: block;
content: '';
width: 100%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .5)));
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
-webkit-transform: skewX(-17deg);
-ms-transform: skewX(-17deg);
transform: skewX(-17deg);
}
.blog-item:hover:hover .post-img::before, .blog-item:focus:focus .post-img::before {
-webkit-animation: shine .95s;
animation: shine .95s;
}
@-webkit-keyframes shine {
100% {
left: 145%;
}
}
@keyframes shine {
100% {
left: 145%;
}
}
.post-img img {
width: 100%;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}
.blog-item:hover .post-img img , .blog-item:focus .post-img img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.blog-item .post-content {
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
position: relative;
}
.post-content blockquote h6 {
font-size: 16px;
color: #232323;
margin-bottom: 10px;
text-transform: inherit;
line-height: 24px;
}
.post-content blockquote h6::before {
content: "\f10d";
font-family: "FontAwesome";
font-size: 15px;
color: #d7d7d7;
padding-right: 10px;
vertical-align: top;
}
.post-content blockquote h6::after {
content: "\f10e";
font-family: "FontAwesome";
font-size: 15px;
color: #d7d7d7;
padding-left: 10px;
}
.post-content blockquote small {
color: #666666;
font-size: 14px;
text-transform: capitalize;
}
.content-inner {
padding: 20px;
}
.post-meta {
color: #707070;
padding: 10px 0;
border-bottom: 1px solid #d7d7d7;
}
.post-meta li {
display: inline-block;
font-size: 14px;
margin: 8px 0;
padding: 0 20px;
position: relative;
line-height: 1;
color: #707070;
text-transform: uppercase;
}
.post-meta li:first-child {
padding-left: 0;
margin-left: 0;
}
.post-meta li:last-child {
padding-right: 0;
margin-right: 0;
}
.post-meta li i {
margin-right: 5px;
color: #232323
}
.post-meta li a {
color: #707070;
text-transform: capitalize;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.post-meta li::after {
position: absolute;
content: "";
top: 0;
right: 0;
width: 2px;
height: 15px;
background-color: #d7d7d7;
}
.post-meta li:last-child::after {
display: none;
}
.post-content h5 a {
text-transform: initial;
line-height: 1.4;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.post-content h5 a:hover, .post-content h5 a:focus {
color: #00adef
}
.blog-3.blog-item .post-content {
margin: 0 25px;
}
.blog-3.blog-item .post-img {
margin-bottom: -70px;
border-radius: 10px;
}
.blog-color {
background: #232323;
color: #ffffff;
padding: 40px 30px 50px;
position: relative;
border-radius: 10px;
}
.blog-color.insta-post {
background-color: #00adef;
}
.blog-color:before {
content: '\f10e';
position: absolute;
bottom: 9px;
right: 14px;
font-family: fontAwesome;
font-size: 70px;
line-height: 1;
opacity: 0.1;
}
.blog-color.insta-post:before {
content: '\f16d';
}
.blog-color h6 {
font-size: 16px;
color: #fff;
text-transform: inherit;
line-height: 24px;
font-weight: 500;
}
.blog-color h6:hover a, .blog-color h6:focus a {
color: #fff;
} .blog-detail {
text-align: left
}
.blog-detail .post-content {
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
position: relative;
}
.blog-detail h5 {
color: #00adef;
}
.blog-detail .post-content blockquote {
border: 20px solid #efefef;
padding: 20px;
margin-top: 30px;
overflow: hidden;
}
.blog-detail .post-content blockquote p {
font-style: italic;
font-weight: 600;
font-size: 18px;
color: #232323;
font-family: 'Poppins', sans-serif;
}
.blog-detail .post-content blockquote p::before,
.blog-detail .post-content blockquote p::after {
display: none;
}
.blog-detail .post-content blockquote::before {
content: "\f10d";
font-family: "FontAwesome";
font-size: 15px;
color: #00adef;
padding-bottom: 10px;
vertical-align: top;
font-style: italic;
}
.blog-detail .post-content blockquote small {
color: #00adef;
float: right
}
.post-img-vid img {
width: 100%;
}
.vid-box {
position: relative;
text-align: center;
}
.vid-btn {
position: absolute;
z-index: 0;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 50%;
width: 60px;
height: 60px;
line-height: 64px;
color: rgba(0, 173, 239, 0.8);
text-align: center;
-webkit-box-shadow: 0 0 0 rgba(0, 173, 239, 0.8);
box-shadow: 0 0 0 rgba(0, 173, 239, 0.8);
-webkit-animation: inout 1s infinite;
animation: inout 1s infinite;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
text-align: center;
font-size: 25px;
}
.vid-btn:hover, .vid-btn:focus {
color: #00adef
}
@-webkit-keyframes inout {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 173, 239, 0.95);
box-shadow: 0 0 0 0 rgba(0, 173, 239, 0.95);
}
70% {
-webkit-box-shadow: 0 0 0 50px rgba(0, 173, 239, 0);
box-shadow: 0 0 0 50px rgba(0, 173, 239, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 173, 239, 0);
box-shadow: 0 0 0 0 rgba(0, 173, 239, 0);
}
}
@keyframes inout {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 173, 239, 0.8);
box-shadow: 0 0 0 0 rgba(0, 173, 239, 0.8);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(0, 173, 239, 0);
box-shadow: 0 0 0 10px rgba(0, 173, 239, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 173, 239, 0);
box-shadow: 0 0 0 0 rgba(0, 173, 239, 0);
}
}
.blog-socials h5 {
color: #232323;
text-transform: capitalize;
}
.jssocials-shares {
margin-left: 20px;
}
.share .jssocials-share {
display: inline-block;
width: 23px;
height: 23px;
line-height: 21px;
border: 1px solid #707070;
color: #707070;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-radius: 5px;
margin: 0 5px;
text-align: center;
font-size: 12px;
}
.share .jssocials-share:hover, .share .jssocials-share:focus {
background-color: #00adef;
border-color: #00adef;
color: #fff;
}
.aut-img {
display: table-cell;
vertical-align: middle;
width: 160px;
}
.aut-img span {
position: relative;
z-index: 0;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block
}
.aut-img span::after {
border: 1px solid #232323;
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 10px;
top: 10px;
border-radius: 10px;
z-index: -1;
}
.aut-img img {
border-radius: 10px;
}
.aut-content {
display: table-cell;
vertical-align: middle;
}
.aut-social {
background-color: #232323;
padding: 8px 10px;
border-radius: 0 5px 5px 0;
text-align: center;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color: #fff;
display: inline-block;
}
.aut-social a {
display: inline-block;
margin: 0 10px;
}
.com-img {
display: table-cell;
vertical-align: middle;
width: 110px;
}
.comm-content {
display: table-cell;
vertical-align: middle;
padding-left: 20px;
}
.com-name {
overflow: hidden;
margin-bottom: 8px;
}
.comm-content h5 {
float: left;
padding-right: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #d7d7d7;
}
.comm-content span {
float: right;
color: #232323;
}
.comment-inner {
margin-bottom: 40px;
}
.com-img img {
border-radius: 10px;
}
.reply {
color: #232323;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.reply:hover, .reply:focus  {
color: #00adef;
}
.sub-comm {
margin-left: 30px;
} .cta {
padding: 60px 0;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/cta-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: 0;
}
.cta::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .8;
background-color: #00adef;
z-index: -1;
}
.cta-content p {
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 29px;
}
.need-help {
background-color: #fff;
padding: 20px 30px;
border-radius: 10px;
display: table;
-webkit-box-shadow: 0 20px 22px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 20px 22px 0 rgba(0, 0, 0, 0.15);
}
.icon-box {
font-size: 150px;
color: #00adef;
display: table-cell;
vertical-align: middle;
}
.help-contact {
display: table-cell;
vertical-align: middle;
padding-left: 30px;
}
.help-contact strong {
font-size: 35px;
color: #707070;
margin-bottom: 12px;
display: block;
}
.cta-2 {
padding: 60px 0;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/particle-2.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center;
position: relative;
z-index: 0;
}
.cta-2::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .8;
background-color: #00adef;
z-index: -1;
}
.cta-2 h3 {
color: #fff
}
.cta-2 .input-group {
background: rgba(255, 255, 255, .12);
border: 2px solid rgba(255, 255, 255, .2);
border-radius: 50px;
-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
}
.cta-2 .form-control {
font-size: 16px;
height: 55px;
color: #fff;
padding: 10px 60px 10px 30px;
background: transparent;
border: 0;
}
.cta-2 .btn-submit {
position: absolute;
width: 42px;
height: 42px;
border-radius: 50%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 6px;
color: #fff;
background-color: #232323;
outline: 0;
border: 0;
z-index: 99;
padding: 0;
cursor: pointer;
}
.cta-2 ::-webkit-input-placeholder {
color: #fff
} .footer .foot-top {
padding: 100px 0 70px;
position: relative;
overflow: hidden;
}
.footer-dark , .foot-bottom{
background-color: #212331;
}
.footer-dark2 {
background-color: #232323;
}
.footer-light {
position: relative;
z-index: 0;
background-color:#f7f7f7;
}
.footer-light::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/foot_pattern.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
opacity: 0.10;
z-index: -1;
}
.foot-top h4 {
color: #00adef;
margin-bottom: 10px;
font-weight: 700;
}
.foot-title {
margin-bottom: 35px;
}
.footer-dark .foot-title .title-sep {
fill: #fff
}
.footer-dark .company-details p {
color: #fff;
}
.foot-logo {
margin-bottom: 30px;
}
.address li {
position: relative;
padding-left: 60px;
margin: 25px 0;
}
.address li:last-child {
margin-bottom: 0;
}
.address h5 {
color: #00adef;
text-transform: capitalize;
margin-bottom: 10px
}
.address i {
position: absolute;
left: 0;
top: 3px;
font-size: 40px;
color: #fff;
}
.footer-light .address i {
color: #232323;
}
.foot-bottom {
padding: 26px 0;
text-align: center;
-webkit-box-shadow: 0 -8px 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 -8px 15px 0 rgba(0, 0, 0, 0.2);
}
.footer.footer-light .foot-top {
padding: 203px 0 70px;
}
.footer-light .foot-bottom {
background-color: #00adef;
-webkit-box-shadow: none;
box-shadow: none;
padding: 40px 0;
}
.footer-light .foot-bottom p {
border-top: 1px dashed rgba(255, 255, 255, .5)
}
.foot-bottom p {
color: #fff;
margin: 0;
}
.foot-bottom a {
color: #00adef;
font-weight: 600
}
.footer-light .foot-bottom a {
color: #232323;
}
.foot-social {
margin-top: 45px;
}
.foot-social2 li {
display: inline-block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
margin-left: 15px;
}
.footer-light .foot-bottom .foot-social2 li a {
color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.footer-light .foot-bottom .foot-social2 li a:hover, .footer-light .foot-bottom .foot-social2 li a:focus {
color: #232323;
}
.foot-social li {
margin-top: 10px;
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
margin-right: 18px;
}
.foot-social li:last-child{
margin-right: 0;
}
.footer-light .foot-social li {
border: 1px solid #232323;
}
.foot-social li a {
width: 30px;
height: 30px;
background-color: transparent;
font-size: 18px;
text-align: center;
padding-top: 2px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
display: block;
margin: 4px;
color: #fff
}
.foot-social li:hover, .foot-social li:focus {
border-color: #00adef;
}
.foot-social li:hover a, .foot-social li:focus a  {
background-color: #00adef;
}
.footer-light .foot-social li a {
color: #232323;
}
.footer-light .foot-social li:hover a, .footer-light .foot-social li:focus a  {
color: #fff;
}
.news-post {
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d7d7d7;
}
.footer-light .news-post {
border-bottom: 1px solid #d7d7d7;
}
.news-post:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.news-post .thumb {
width: 105px;
display: table-cell;
vertical-align: middle;
padding-right: 15px;
}
.news-content {
display: table-cell;
vertical-align: middle;
}
.footer-light .news-content a {
color: #232323;
}
.news-content a {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-size: 14px;
color: #fff;
margin-bottom: 10px;
display: block;
font-weight: 500;
}
.news-content a:hover, .news-content a:focus {
color: #00adef
}
.news-content p {
color: #ccc;
font-size: 13px;
margin: 0;
}
.footer-light .news-content p {
color: #707070;
}
.news-content p i {
margin-right: 4px;
color: #fff
}
.footer-light .news-content p i {
color: #232323
}
.form-footer strong {
color: #fff;
font-weight: 500;
margin-bottom: 30px;
display: block;
}
.footer-light .form-footer strong {
color: #232323;
}
.form-footer .form-wrap i {
color: #fff;
border-right: 1px solid #d7d7d7;
}
.footer-light .form-footer .form-wrap i {
color: #232323;
}
.form-footer .form-wrap .form-control {
border-bottom: 1px solid #d7d7d7;
color: #fff;
}
.subscribe {
width: 100%;
border-radius: 5px;
padding: 10px 15px;
margin-top: 10px;
}
.footer-contact-info-area {
position: relative;
margin-bottom: -103px;
z-index: 1;
}
.single-footer-contact-box {
position: relative;
display: block;
background-color: #00adef;
padding: 50px;
z-index: 0;
-webkit-box-shadow: 11.314px 11.314px 30px 0 rgba(0, 0, 0, 0.10);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
}
.single-footer-contact-box * {
color: #fff
}
.single-footer-contact-box.right-box {
position: relative;
background-color: #232323;
z-index: 1;
}
.single-footer-contact-box .icon-holder i {
position: absolute;
right: 30px;
font-size: 150px;
bottom: -10px;
opacity: 0.3;
} .top-banner {
position: relative;
z-index: 0;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/top-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 200px 0;
}
.top-banner::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.7;
z-index: -1;
}
.banner-content {
margin: 93px 0;
}
.banner-content h1,
.banner-content h2 {
color: #fff;
letter-spacing: 3px;
background-color: rgba(0, 0, 0, .3);
display: inline-block;
margin-bottom: 20px;
padding: 5px 15px;
}
.banner-content p {
color: #fff;
font-size: 18px;
line-height: 29px;
}
.form-wrap {
position: relative;
}
.form-wrap i {
position: absolute;
left: 4px;
top: 7px;
font-size: 15px;
color: #363636;
border-right: 1px solid #d7d7d7;
padding: 3px 0;
padding-right: 20px;
}
.form-wrap .form-control {
margin-bottom: 30px;
border: 0;
border-bottom: 1px solid #d7d7d7;
text-transform: capitalize;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding-left: 55px;
background-color: transparent;
color: #666;
font-weight: 400;
position: relative;
padding-top: 2px;
padding-bottom: 7px;
font-size: 15px;
}
.form-wrap .form-control:hover,
.form-wrap .form-control:focus {
border-bottom-color: #00adef;
}
.footer-light .form-wrap .form-control {
color: #232323;
}
.form-wrap input[type=date]::after,
.sel-wrap:after {
position: absolute;
top: 6px;
right: 3px;
width: 30px;
background-color: #fff;
height: 24px;
content: '\f0d7';
font-family: 'fontAwesome';
color: #363636;
pointer-events: none;
text-align: center;
font-size: 15px;
}
.custom-select {
cursor: pointer;
} .sorting {
margin-bottom: 20px;
}
.port-item {
margin-top: 30px;
}
.sorting {
margin-bottom: 20px;
font-size: 0
}
.filter-btn {
background-color: #fff;
display: inline-block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
color: #232323;
padding: 5px;
font-size: 14px;
margin-bottom: 5px;
}
.filter-btn span {
display: block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding: 5px 25px;
text-transform: capitalize;
color: #232323;
position: relative;
z-index: 0;
font-size: 15px;
font-weight: 500;
}
.filter-btn span:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: #00adef;
border-radius: 30px;
z-index: -1;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.filter-btn.active span {
color: #fff;
}
.filter-btn.active span:after {
height: 100%;
}
.project {
position: relative;
overflow: hidden;
}
.proj-overlay {
opacity: 0;
position: absolute;
left: 10px;
top: 10px;
bottom: 10px;
right: 10px;
background: rgba(0, 0, 0, 0.8);
-webkit-transform: perspective(400px) rotateX(-90deg);
-ms-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 0.45s ease-out 0s;
-o-transition: all 0.45s ease-out 0s;
transition: all 0.45s ease-out 0s;
}
.project:hover .proj-overlay, .project:focus .proj-overlay {
opacity: 1;
visibility: visible;
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.proj-overlay .pop-btn {
right: 14px;
font-size: 45px;
color: #ffffff;
position: absolute;
bottom: 6px;
font-weight: 300;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.45s ease-out 0s;
-o-transition: all 0.45s ease-out 0s;
transition: all 0.45s ease-out 0s;
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-moz-transition: all 0.45s ease-out 0s;
-ms-transition: all 0.45s ease-out 0s;
line-height: 1;
}
.project:hover .pop-btn, .project:focus .pop-btn {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s
}
.project .proj-img {
overflow: hidden;
}
.project .proj-img img {
width: 100%;
-webkit-transition: all 0.45s ease-out 0s;
-o-transition: all 0.45s ease-out 0s;
transition: all 0.45s ease-out 0s;
}
.project:hover .proj-img img, .project:focus .proj-img img {
transform: scale(1.1) rotate(-3deg);
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s
}
.inner-box {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.content {
display: table-cell;
vertical-align: middle;
position: relative;
}
.content h5 {
text-transform: capitalize;
margin-bottom: 10px;
}
.content h5 {
color: #fff;
text-transform: capitalize;
} .testimonial-two {
position: relative;
padding-bottom: 60px;
overflow: hidden;
}
.testimonial-two .testi-item {
position: relative;
padding: 40px;
}
.testimonial-two .testi2-slider.owl-theme .owl-dots {
margin-top: 65px;
position: absolute;
left: -20px;
padding-right: 20px;
}
.testimonial-three .testi3-slider.owl-theme .owl-dots::after, 
.testimonial-two .testi2-slider.owl-theme .owl-dots::after {
height: 1px;
background-color: #d7d7d7;
width: 1000px;
content: '';
position: absolute;
top: 10px;
z-index: -2;
margin-left: 12px;
}
.testi2-slider {
border: 20px solid #e9e9e9;
}
.testimonial-two .testi-item {
position: relative;
}
.clinet-top {
margin-bottom: 20px;
position: relative;
display: block;
}
.client-thumb {
display: table-cell;
vertical-align: middle;
padding-right: 20px;
}
.owl-carousel .owl-item .client-thumb img {
height: 100px;
width: 100px;
border-radius: 10px;
}
.client-info {
display: table-cell;
vertical-align: middle;
}
.client-info h5 {
margin-bottom: 6px;
}
.client-info span {
display: block;
text-transform: capitalize;
}
.clinet-top::after {
position: absolute;
content: "\f10e";
font-family: FontAwesome;
right: 0;
top: 10px;
font-size: 50px;
z-index: -1;
color: #232323;
opacity: 0.06;
}
.testimonial-three .testi-item{
opacity: 0.5;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.testimonial-three .center .testi-item{
opacity: 1;
}
.testimonial-three .testi-item .testi-box {
background: #232323;
position: relative;
padding: 34px 20px 34px 70px;
overflow: hidden;
}
.testimonial-three .testi-item .testi-box:before {
content: '';
width: 104px;
height: 162px;
background-color: #00adef;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: absolute;
top: -83px;
left: -31px;
}
.testimonial-three .testi-item .icon {
position: absolute;
top: 11px;
left: 13px;
color: rgba(255, 255, 255, 0.3);
height: 29px;
width: 29px;
border-radius: 50%;
text-align: center;
font-size: 26px;
}
.testimonial-three .testi-item .arrow {
display: block;
text-align: center;
font-size: 36px;
color: #232323;
margin-top: -14px;
line-height: 1;
}
.testimonial-three .testi-item p{
color: #fff;
margin-bottom: 0;
}
.testimonial-three .testi-item .author{
text-align: center;
margin-top: 10px;
}
.testimonial-three .owl-carousel .author img {
display: inline-block;
width: 90px;
height:90px;
border-radius:10px;
margin:0 auto 20px;
width: auto
}
.testimonial-three .author h6{
color: #00adef;
font-weight: 400;
margin-bottom: 0;
}
.testimonial-three .owl-theme .owl-nav{
position: absolute;
right: 0;
top: -140px;
}
.testimonial-three .owl-theme .owl-nav [class*=owl-]{
color: #232323;
background-color: transparent;
padding: 0;
margin: 0 10px;
font-size: 50px;
line-height: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.testimonial-three .owl-theme .owl-nav [class*=owl-]:hover, .testimonial-three .owl-theme .owl-nav [class*=owl-]:focus{
color: #00adef;
} .partner-section ul li {
width: calc(100% / 3);
float: left;
min-height: 200px;
position: relative;
}
.partner-section ul li {
border: 1px solid #d7d7d7;
}
.partner-slide {
min-height: 180px;
position: relative;
}
.partner-section ul li img,
.partner-slide img {
position: absolute;
top: 50%;
display: block;
max-width: 100%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
opacity: 0.65;
}
.owl-carousel .owl-item .partner-slide img {
width: auto;
}
.partners .owl-carousel .owl-item {
border: 1px solid #d7d7d7;
border-left: 0;
}
.partner-section ul li:hover img,
.partner-slide:hover img, 
.partner-section ul li:focus img,
.partner-slide:focus img {
opacity: 1;
}
.partners .owl-theme .owl-dots .owl-dot {
border: 0;
border-radius: 0;
width: auto;
height: auto;
margin: 0;
}
.partners .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 40px;
}
.partners .owl-theme .owl-dots .owl-dot span {
border-radius: 0;
background-color: #d7d7d7;
width: 35px;
height: 4px;
margin: 0 8px;
opacity: 1;
}
.partners .owl-theme .owl-dots .owl-dot.active span {
background-color: #232323;
} .features-3 {
position: relative;
background-color: #f7f7f7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.feature-title {
width: 30%;
position: relative;
padding: 105px 20px;
overflow: hidden;
}
.feature-title::after {
position: absolute;
left: 50px;
bottom: -25px;
content: url(//www.meinjobonline.de/wp-content/themes/img/home/service2-woman.png);
}
.feature-slider-wrap {
width: 70%;
}
.feature-slider .owl-item:nth-child(even) .feature-box {
background-color: #ebebeb;
}
.feature-box {
text-align: center;
padding: 100px 40px 85px;
background-color: #f7f7f7;
}
.feature-box i {
font-size: 60px;
color: #00adef;
margin-bottom: 15px;
display: block;
}
.feature-nav .owl-next,
.feature-nav .owl-prev {
background-color: transparent;
border: 0;
outline: 0;
font-size: 40px;
font-weight: 500;
margin: 0 5px;
line-height: 1;
cursor: pointer;
color: #232323;
display: inline-block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.feature-nav .owl-prev:hover,
.feature-nav .owl-next:hover, 
.feature-nav .owl-prev:focus,
.feature-nav .owl-next:focus {
color: #00adef;
} .appointment-one {
padding: 50px;
z-index: 0;
position: relative;
background-color: #fff;
-webkit-box-shadow: 0 0 34px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 34px rgba(0, 0, 0, 0.09);
}
.apointment-home {
position: relative;
z-index: 0;
}
.apointment-home::after {
position: absolute;
content: '';
top: 10%;
bottom:10%;
left: 0;
width: 100%;
background-color: #f7f7f7;
z-index: -1;
}
.apointment-home::before {
position: absolute;
content: '';
top: 10%;
bottom:10%;
left: 0;
width: 100%;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/home/particle-2.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
opacity: 0.15;
z-index:0;
}
.appoint-content{
padding: 177px 0;
}
.appoint-content h3::before{
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 40px;
height: 2px;
background-color: #00adef;
}
.appointment-one h4,
.appoint-content h3 {
color: #232323;
position: relative;
padding-bottom: 15px;
}
.appoint-content h5{
line-height: 1.8;
text-transform:initial;
}
.appointment-one h4::after {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 40px;
height: 2px;
background-color: #00adef;
}
.appointment-one .form-wrap input[type=date]::after {
display: none;
}
.appointment-one .sel-wrap:after {
top: 1px;
right: 1px;
background-color: transparent;
content: '\f0d7';
font-size: 24px;
}
.appointment-one .form-wrap .form-control {
border-bottom-color: #d7d7d7;
font-size: 14px;
}
.appointment-one .form-wrap .form-control:focus,
.appointment-one .form-wrap .form-control:hover{
border-bottom-color: #232323;
}
select::-ms-expand {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
select option {
color: #000;
}
.schedule-2 li {
padding-bottom: 25px;
margin-bottom: 25px;
}
.schedule-2 li span,
.schedule-2 li span+span {
text-transform: capitalize;
}
.overview{
padding: 30px;
background-color: #00adef
}
.overview *{
color: #fff
}
.overview p{
color: #232323;
}
.infos li{
text-transform:capitalize;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.infos li:last-child{
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.overview .type{
margin-right: 20px;
}
.title{
padding-bottom:15px;
position: relative;
}
.title::after{
position: absolute;
content: '';
width: 50px;
height: 2px;
left: 0;
background-color: #fff;
}
.appoint h4 span,
.appoint h3 span{
font-size: inherit;
font-weight: inherit;
}
.appoint p {
font-size: 15px;
color: #232323;
}
.appoint p span{
color: #232323;
font-size: 18px;
font-weight: 700;
}
.schedule-3::after,
.schedule-3::before {
display: none
} .page-banner {
position: relative;
z-index: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 300px 0 60px;
}
.page-banner::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.70;
background-color: #000;
z-index: -1;
}
.page-banner h3 {
color: #fff;
margin: 0;
font-weight: 600;
}
.banner-link li {
display: inline-block;
position: relative;
margin: 6px 0;
margin-right: 5px;
font-size: 16px;
font-weight: 500;
}
.banner-link li::after {
content: '>';
color: #fff;
}
.banner-link li:last-child {
margin-right: 0;
}
.banner-link li a {
color: #fff;
text-transform: uppercase;
padding-right: 5px;
}
.banner-link li:last-child::after {
display: none;
}
.banner-link li span {
font-size: 16px;
font-weight: 500;
color: #00adef;
text-transform: uppercase;
} .theme-pagination {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
}
.theme-pagination .pagin {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 5px;
background-color: transparent;
color: #232323;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding-top: 9px;
vertical-align: middle;
margin: 0 5px;
font-weight: 500;
}
.theme-pagination .pagin:hover, .theme-pagination .pagin:focus,
.theme-pagination .pagin.active {
background-color: #00adef;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
color: #fff;
}
.theme-pagination .arrow {
width: 56px;
height: 36px;
border: 2px solid #d7d7d7;
padding-top: 6px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-radius: 5px;
margin: 0 5px;
color: #707070;
}
.theme-pagination .arrow:hover, .theme-pagination .arrow:focus {
border-color: transparent;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
color: #00adef;
} .widget {
margin-bottom: 60px;
position: relative;
}
.widget-items {
border: 20px solid #efefef;
}
.widget-title {
padding: 5px;
background-color: #efefef;
color: #232323;
display: inline-block;
padding: 10px;
text-align: center;
min-width: 100%;
margin-bottom: 25px;
}
.widget-title h5 {
margin-bottom: 0;
} .blog-list li {
padding-bottom: 15px;
margin-bottom: 15px;
position: relative;
text-align: right;
border-bottom: 1px solid #d7d7d7;
text-transform: capitalize;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.blog-list li a {
float: left;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color: #232323;
}
.blog-list li:hover, .blog-list li:focus {
color: #00adef;
border-color: #00adef
}
.blog-list li:hover a, .blog-list li:focus a {
color: #00adef;
}
.blog-list li::after {
content: "";
clear: both;
display: table;
}
.blog-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.widget-tabs a {
width: 50%;
padding: 5px;
background-color: transparent;
color: #232323;
display: inline-block;
padding: 10px;
text-align: center;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.widget-tabs a.active {
background-color: #efefef;
}
.widget-tabs a h5 {
margin-bottom: 0
}
.widget-news .news-content a {
margin-bottom: 2px
}
.widget-news .news-content a,
.widget-news .news-content p i {
color: #232323;
}
.widget-news .news-content p {
color: #707070;
}
.widget-news .news-post .thumb {
width: 80px;
}
.tag {
border: 1px solid #d7d7d7;
color: #232323;
margin: 8px 6px;
padding: 6px 11px 4px;
text-transform: capitalize;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tag:hover, .tag:focus {
border-color: transparent;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
color: #00adef;
}
.widget-appointment {
text-align: center;
}
.widget-appointment .icon-box {
display: block;
font-size: 100px;
line-height: 1;
margin-bottom: 15px;
}
.widget-appointment .help-contact {
display: block;
padding: 0;
}
.widget-appointment .help-contact h3,
.widget-appointment .help-contact strong {
font-size: 30px;
margin-bottom: 10px;
} .contact-us .map,
.contact-right {
width: 100%;
}
.contact-us #theme-map {
height: 600px;
}
.footer .map {
padding: 8px;
-webkit-box-shadow: 11.314px 11.314px 30px 0 rgba(0, 0, 0, 0.10);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
border-bottom: 4px solid #232323;
background-color: #fff;
}
.footer #theme-map {
height: 316px;
}
.contact-right {
padding: 90px 80px;
}
.con-top li {
width: calc(100% / 3);
float: left;
padding: 0;
margin: 0;
}
.con-top .icon-holder {
margin-bottom: 15px;
}
.con-top .address i {
position: relative;
left: auto;
top: auto;
font-size: 40px;
color: #232323;
} .error-page {
position: relative;
background-image: url(//www.meinjobonline.de/wp-content/themes/img/pages/error-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 0;
text-align: center;
padding:155px 0;
}
.error-page::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: #000;
z-index: -1;
}
.error-page h2 {
line-height: 1;
font-size: 150px;
font-weight: 600;
color: #fff;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.error-page .search-form {
position: relative;
max-width: 570px;
margin: 50px auto 30px;
}
.error-page .search-form .form-control {
border: 0;
border-radius: 0;
font-size: 14px;
color: #232323;
background-color: #fff;
height: 45px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
.search-form button {
position: absolute;
right: 10px;
top: 5px;
cursor: pointer;
color: #232323;
outline: 0;
top: 11px;
border: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: transparent;
} .acc-card {
margin-bottom: 30px;
}
.acc-link {
display: block;
padding: 15px 20px;
padding-left: 70px;
border-radius: 50px;
border: 1px solid #00adef;
font-size: 16px;
color: #232323;
background-color: #fff;
font-weight: 600;
width: 100%;
text-align: left;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
position: relative;
}
.acc-link.collapsed {
border-color: #d7d7d7;
}
.acc-link:before,
.acc-link.collapsed:before {
content: "\f068";
font-family: "FontAwesome";
font-weight: 900;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 17px;
color: #fff;
text-align: center;
background: #00adef;
border: 1px solid #00adef;
border-radius: 50px;
position: absolute;
top: 5px;
left: 5px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.acc-link.collapsed:before {
content: "\f067";
color: #232323;
background-color: transparent;
border: 1px solid #d7d7d7;
}
.acc-card .card-body {
padding: 20px 20px 5px;
padding-left: 70px;
} .fc-timetable-wrapper .fc-toolbar .fc-button {
-moz-box-sizing: border-box;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-box-sizing: border-box;
-webkit-transition: all 0.3s ease;
background: #ffffff;
border: 1px solid #e5e5e5;
-webkit-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
height: 38px;
line-height: 36px;
transition: all 0.3s ease;
width: 40px;
}
.fc-timetable-wrapper .fc-toolbar .fc-button:hover , .fc-timetable-wrapper .fc-toolbar .fc-button:focus {
background: #5fc7ae;
border-color: #5fc7ae;
}
.fc-timetable-wrapper .fc-toolbar .fc-button:hover .fc-icon.fc-icon-left-single-arrow , .fc-timetable-wrapper .fc-toolbar .fc-button:focus .fc-icon.fc-icon-left-single-arrow {
background-position: -108px -50px;
}
.fc-timetable-wrapper .fc-toolbar .fc-button:hover .fc-icon.fc-icon-right-single-arrow , .fc-timetable-wrapper .fc-toolbar .fc-button:focus .fc-icon.fc-icon-right-single-arrow{
background-position: -115px -50px;
}
.fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon {
height: 11px;
top: -1px;
width: 6px;
}
.fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon:after {
display: none;
}
.fc-timetable-wrapper .fc-day-header {
background: #d7d7d7;
color: #232323;
font-size: 14px;
font-weight: 500;
line-height: 52px;
border-color: #fff;
}
.fc-timetable-wrapper .fc-time-grid .fc-day.fc-widget-content {
background: #ffffff;
}
.fc-timetable-wrapper .fc-axis {
background: #ffffff;
}
.fc-timetable-wrapper .filter-departments {
margin-bottom: 40px;
text-align: center
}
.fc-timetable-wrapper .filter-departments li {
display: inline-block;
border-radius: 50px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
margin: 0 3px;
margin-bottom:10px;
}
.fc-timetable-wrapper .filter-departments a {
display: block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding: 7px 25px;
text-transform: uppercase;
border-radius: 30px;
color: #232323;
font-weight: 500;
font-size: 15px;
position: relative;
z-index: 0;
}
.fc-timetable-wrapper .filter-departments a::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: #00adef;
border-radius: 30px;
z-index: -1;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.fc-timetable-wrapper .filter-departments li a.active{
color: #fff
}
.fc-timetable-wrapper .filter-departments li a.active::after {
height: 100%;
}
.fc-timetable-wrapper .fc-event {
border-radius: 0;
border: 0;
color: #ffffff;
font-size: 14px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align: center;
text-transform: capitalize;
}
.fc-timetable-wrapper .fc-event .fc-bg {
opacity: 0;
}
.fc-timetable-wrapper .fc-event .fc-content {
padding: 15px 5px
}
.fc-timetable-wrapper .fc-event .fc-content div.fc-time {
display: none;
}
.fc-timetable-wrapper .fc-event.hide {
opacity: 0;
z-index: -2;
}
.fc .fc-axis {
padding: 0 15px;
}
.fc-timetable-wrapper .fc-axis {
background-color: #d7d7d7;
}
.fc-timetable-wrapper td.fc-time span {
color: #232323;
font-weight: 500
}
.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
border-color: #fff;
}
.fc-time-grid .fc-slats td {
background-color: #f5f5f5;
}
.fc-timetable-wrapper .fc-time-grid-container {
height: auto !important;
}
.fc-divider {
display: none !important;
}
.fc-timetable-wrapper .fc-content-skeleton .fc-event-container {
margin: 0 !important;
}
.fc-timetable-wrapper .fc-event.fc-departments-orthopaedics {
background: #00adef;
border-color: #00adef;
}
.fc-timetable-wrapper .fc-event.fc-departments-cardiology {
background: #e06296;
border-color: #e06296;
}
.fc-timetable-wrapper .fc-event.fc-departments-neurology {
background: #959595;
border-color: #959595;
}
.fc-timetable-wrapper .fc-event.fc-departments-dental {
background: #665cff;
border-color: #665cff;
}
.fc-timetable-wrapper .fc-event.fc-departments-haematology {
background: #72a230;
border-color: #72a230;
}
.fc-timetable-wrapper .fc-event.fc-departments-traumalogy {
background: #f7a500;
border-color: #f7a500;
}
.fc-timetable-wrapper td.fc-time {
color: #232323;
font-size: 14px;
line-height: 70px;
text-align: center;
border-color: #fff;
background-color: #d7d7d7;
}
.fc-toolbar{
display: none;
} .d-img {
position: absolute;
bottom: -146px;
}
.skills {
overflow: hidden;
}
.skills-bar {
margin-bottom: 30px;
}
.skill-prog {
background: rgb(255, 255, 255);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(215, 215, 215, 1) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(0%, rgba(255, 255, 255, 1)), color-stop(0%, rgba(255, 255, 255, 1)), color-stop(0%, rgba(255, 255, 255, 1)), to(rgba(215, 215, 215, 1)));
background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(215, 215, 215, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(215, 215, 215, 1) 100%);
width: 100%;
position: relative;
overflow: hidden;
}
.skill-fill {
background-color: #232323;
position: relative;
height: 28px;
-webkit-animation: prog 2s linear;
animation: prog 2s linear;
}
.skill-fill::after {
position: absolute;
content: "";
height: 100%;
width: 22px;
right: -10px;
background-color: #232323;
-webkit-transform: skewX(30deg);
-ms-transform: skewX(30deg);
transform: skewX(30deg);
z-index: 0;
}
@-webkit-keyframes prog {
0% {
width: 0;
}
}
@keyframes prog {
0% {
width: 0;
}
}
.skill-prog span {
position: absolute;
right: 10px;
top: 6px;
color: #fff;
font-size: 12px;
font-weight: 600;
z-index: 1;
} .bubbles {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.bubble-container {
position: absolute;
bottom: 0;
will-change: transform;
-webkit-animation: bubblerise 4s infinite ease-in;
animation: bubblerise 4s infinite ease-in;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.bubble {
width: 16px;
height: 16px;
margin: 0 auto;
border: 1px solid rgba(255, 255, 255, 0.35);
background: rgba(255, 255, 255, 0.25);
border-radius: 10px;
}
@-webkit-keyframes bubblerise {
0% {
bottom: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
5% {
bottom: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
99% {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
100% {
bottom: 100%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}
@keyframes bubblerise {
0% {
bottom: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
5% {
bottom: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
99% {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
100% {
bottom: 100%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
} .element-head span {
display: inline-block;
padding: 8px 30px;
text-transform: capitalize;
font-weight: 600;
font-size: 20px;
margin-bottom: 30px;
color: #fff;
background-color: #232323;
}
.typography blockquote {
border: 20px solid #efefef;
padding: 20px;
overflow: hidden;
}
.typography blockquote p {
font-style: italic;
font-weight: 600;
font-size: 18px;
color: #232323;
font-family: 'Poppins', sans-serif;
}
.typography blockquote p::before,
.typography blockquote p::after {
display: none;
}
.typography blockquote::before {
content: "\f10d";
font-family: "FontAwesome";
font-size: 15px;
color: #00adef;
padding-bottom: 10px;
vertical-align: top;
font-style: italic;
}
.typography blockquote small {
color: #00adef;
float: right;
text-transform: capitalize;
font-size: 14px;
}
.typography .btn {
margin-right: 18px;
margin-bottom: 20px;
}
.typography .btn:last-child{
margin-right: 0;
} .gallery {margin-bottom: 1.5em;padding: 5px 0;}
.gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%;padding: 2px;} 
.gallery-item  img{width: 100%;height: auto;}
.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-8 .gallery-item {max-width: 12.5%; }
.gallery-columns-9 .gallery-item {max-width: 11.11%; }
.gallery-caption {display: block; }
.gallery img {
border: none !important;
}
.gallery-item{
margin-bottom:0 !important;
}
.gallery .gallery-item {
padding:2px !important;
margin-top: 0px !important;
}
.gallery-icon a img{
margin : 0px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.widget {
position: relative;
margin-bottom: 35px;
}
.search-form .form-control {
background-color: #f4f3f3;
border: none;
box-shadow: none;
border-radius: 0;
padding: 10px;
height: 52px;
font-size: 1.1em;
font-weight: 400;
}
.widget-heading {
margin-bottom: 10px;
margin-right: 5px;
position: relative;
color: #a4a4a4;
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
}
.widget-heading::after {
width: 40px;
height: 1px;
background-color: #043766;
margin-top: 11px;
margin-left: 5px;
content: "";
position: absolute;
}
.wid-post {
position: relative;
margin-top: 20px;
}
.wid-post .post-pic {
width: 85px;
display: table-cell;
vertical-align: middle;
}
.widget-post-info {
display: table-cell;
vertical-align: middle;
padding-left: 15px;
font-family: "Poppins", sans-serif;
font-size: 14px;
}
.widget-post-info span {
color: #858585;
display: block;
font-family: "Poppins", sans-serif;
}
footer .widget-post-info span {
color: #bbb0b0;
display: block;
font-family: "Poppins", sans-serif;
}
.widget_recent_entries a , .widget_recent_comments a {
color: #111111;
font-weight: 600;
margin-bottom: 10px;
display: block;
font-size: 1em;;
}
.widget_recent_entries li , .widget_recent_comments li{
margin: 15px 0;
border-bottom: 1px solid #d7d7d7;
}
.widget_recent_entries li span , .widget_recent_comments li span{
color: #444;
display: block;
font-size: 14px;
}
footer .widget_recent_entries li span , footer .widget_recent_comments li span{
color: #bbb0b0;
display: block;
font-size: 14px;
}
.widget_recent_entries  a:hover , .widget_recent_comments a:hover, .widget_recent_entries  a:focus , .widget_recent_comments a:focus{
color: #00adef;
}
.widget_pages a , .widget_nav_menu a , .widget_meta a , .textwidget p {
color : #111111 ;
}
.widget_recent_entries li span{
padding-bottom: 15px;
font-weight: 400;
font-size: 13px;
color: #444;
}
table, th, td {
border: 1px solid #6d7272;
text-align: center;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table {
background-color: transparent;
}
td, th {
padding: 0.4em;
}
footer table,footer th,footer td , footer caption{
border: 1px solid #fff;
text-align: center;
color:#fff;
}
.widget_categories a  {
position: absolute;
top: 0px;
left: 0;
width: 100%;
margin: 0;
text-align: left;
}
.widget_categories a  {
color: #111111;
text-transform: capitalize;
font-size: 14px;
font-weight: 400;
line-height: 30px;
position: absolute;
top: 0px;
left: 0;
width: 100%;
margin: 0;
text-align: left;
display: block;
}
.widget_categories li {
min-height: 30px;
position: relative;
text-align: right;
line-height: 1.8;
padding-bottom: 10px;
margin-top: 10px;
border-bottom: 1px solid #d7d7d7;
}
.widget_categories label {
display: none;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.widget_categories select , .widget_archive select{
padding: 8px;
width:100%;
}
footer .widget_categories li {
padding-top: 10px;
border-bottom: 1px solid #d7d7d7;
color : #fff;
}
footer .widget_categories li a{
margin-bottom : 10px !important;
color : #fff;
}
footer .widget_archive select , footer .widget_categories select{
padding: 8px;
width:100%;
background: transparent;
color :#fff;
}
footer .widget_archive select option , footer .widget_categories select option{
color:#000;
}
.widget_archive a {
color: #111111;
position: absolute;
display: block;
text-transform: capitalize;
font-size: 14px;
font-weight: 400;
padding-right: 30px;
}
.widget_archive li {
padding-bottom: 25px;
margin-bottom: 15px;
position: relative;
text-align: right;
border-bottom: 1px solid #d7d7d7;
text-transform: capitalize;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.widget_archive li a:hover , .widget_archive li:hover , .widget_categories li a:hover , .widget_categories li:hover , .widget_recent_comments li:hover , .widget_meta li:hover , .widget_pages li:hover , .widget_recent_entries li:hover{ 
color: #00adef;
border-color: #00adef;
}
.widget_archive li a:focus , .widget_archive li:focus , .widget_categories li a:focus , .widget_categories li:focus , .widget_recent_comments li:focus , .widget_meta li:focus , .widget_pages li:focus , .widget_recent_entries li:focus{ 
color: #00adef;
border-color: #00adef;
}
.widget_archive li:last-child , .widget_categories li:last-child , .widget_recent_comments li:last-child , .widget_meta li:last-child , .widget_pages li:last-child , .widget_recent_entries li:last-child{  
border-bottom: 0px !important;
}
.comment-author-link{
text-transform:capitalize;
}
footer .widget_archive li {
text-align: right;
padding-bottom : 8px ;
color : #fff;
}
footer .widget_archive li a{ 
position: absolute !important;
width: 100%;
left: 0;
text-align: left;
top: 2px;
padding-top: 0px !important;
color : #fff;
}
footer .cat-item a{
position : absolute !important;
margin-bottom:10px;
padding : 10px 0 !important;
color : #fff;
}
.calendar_wrap td a{
color: #00adef;
}
.calendar_wrap table {
background-color: transparent;
width: 100%;
}
.nosearch{
margin-bottom: 30px;
}
.tagcloud a{
color: #232323;
border: 1px solid #d7d7d7;
padding: 6px 11px 4px;
text-align: center;
transition: .3s all ease-in-out;
margin: 8px 6px;
font-size: 15px !important;
font-weight: 400 ;
display: inline-block;
text-transform: capitalize;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tagcloud a:hover, .tagcloud a:focus{
border-color: transparent;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
color: #00adef; 
}
footer .tagcloud a:hover, footer .tagcloud a:focus{
border-color: #fff;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
color: #00adef; 
}
footer .tagcloud a , footer .textwidget p , .textwidget h1 , .textwidget h2 , .textwidget h3 , .textwidget h4 , .textwidget h5 , .textwidget h6 , .textwidget ul li a , .textwidget span{
color : #fff;
}
footer .widget_pages a, footer .widget_nav_menu a, footer .widget_meta a, footer .textwidget p , footer .widget_recent_entries a, footer .widget_recent_comments a{
color: #fff;
}
.widget_pages li , .widget_nav_menu li , .widget_recent_comments li, .widget_meta li{
padding:13px 0 !important;
border-bottom: 1px solid #d7d7d7;
}
footer .widget_recent_comments li{
margin:0px !important;
}
.widget_pages li a:hover , .widget_nav_menu li a:hover , .widget_recent_comments li a:hover, .widget_meta li a:hover, .widget_pages li a:focus , .widget_nav_menu li a:focus , .widget_recent_comments li a:focus, .widget_meta li a:focus{
color: #00adef;
}
.widget ul li a{
text-decoration: none !important;
}
.page-numbers.current, .page-numbers.current>a:focus, .page-numbers.current>a:hover ,.page-numbers:hover , .page-numbers:focus{
background-color: #00adef;
border-color: #00adef;
color:#fff !important;
}
.page-numbers{
border: 1px solid #e8e8e8;
border-radius: 00;
margin: 0 8px;
color: #000;
display: inline-block;
padding: 6px 12px;
}
.search-form{
position: relative;
width: 100%;
}
.search-form input[type="search"]{ border: 1px solid #ddd;
height: 40px;
padding: 7px;
width: 98% !important;
}
.search-form input[type="submit"]{ background: #00adef none repeat scroll 0 0;
border: 1px solid #00adef;
cursor: pointer;
height: 40px;
right: 0px;
position: absolute;
width: 65px;
transition: all .3s ease-in-out;
color: #fff;
font-weight: 600;
}
.search-form label{
width: 98%;
}
.search-form .screen-reader-text{
display: none;
} li.comment { list-style:none; padding-left:80px;  padding-bottom: 10px; position: relative; margin-bottom:30px;margin-top: 30px; padding-top: 0;}
.comment-author.vcard img{
position: absolute;
top: 0;
left: -40px;
width: 110px !important;
height: 110px;
border-radius: 10px;
border: 2px solid #FFF;
}
.comment-author.vcard {
width: auto;
float: left;
}
.comment-author.vcard .fn{
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
font-size: 1em;
color: #272630;
margin-bottom: 5px;
font-style: normal;
font-weight: 700;
border-bottom: 1px solid #d7d7d7;
}
.comment-metadata{
float: right;
}
.comment-metadata a{
font-size: 13px;
color: #6d7272;
margin-bottom: 10px;
line-height: 1.3;
margin-top: 10px;
}
.comment-content{
display:block;
clear:both;
}
.comment-content p{
color: #747474;
padding-top: 10px;  
font-family: 'Raleway', sans-serif;
}
.comment-body .reply{
position: relative;
line-height: 1;
font-size: 15px;
font-weight: 700;
}
.comment-meta.commentmetadata{
display:none;
}
.comment-body .reply > a{
color: #222;
font-weight: 400;
padding-left: 20px;
top: 0;
position: relative;
}
.comment-body .reply a::before{
content: "\f112";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
left: 0;
}
.comment-body .says{
display: none;
}
.comments__Wrapper ul .children{
margin-left: 5px !important;
}
.comment-body .comment-content p {
padding-top: 0px;
font-family: 'Raleway', sans-serif;
color: #6d7272;
font-size: 14px;
line-height: 26px;
}
.comment-box .title h3{
text-align: left;
text-transform: uppercase;
font-size: 16px !important;
}
.comment-respond .comment-reply-title{
text-align: left;
font-weight: 600;
margin-bottom: 15px;
}
.comment-respond .logged-in-as a{
color: #232323;
}
.comment-respond .comment-form-comment {
position: relative;
margin-top: 2px;
}
.comment-respond .comment-form-comment textarea {
background-color: #fff;
border: 1px solid #ddd;
display: block;
outline: 0;
padding: 12px 15px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
width: 100%;
}
.comment-respond .comment-form-author input{
background-color: #fff;
border: 1px solid #ddd;
display: block;
outline: 0;
padding: 12px 15px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
width: 100%;
}
.comment-respond .comment-form-email input{
background-color: #fff;
border: 1px solid #ddd;
display: block;
outline: 0;
padding: 12px 15px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
width: 100%;
}
.comment-respond .comment-form-url input{
background-color: #fff;
border: 1px solid #ddd;
display: block;
outline: 0;
padding: 12px 15px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
width: 100%;
}
.comment-respond .form-submit input{
background-color: #00adef;
color: #fff;
border-radius: 5px;
font-weight: 600;
text-transform: capitalize;
padding: 10px 25px;
-webkit-transition: .4s ease-in;
-o-transition: .4s ease-in;
transition: .4s ease-in;
outline: 0;
border-color: transparent;
width: 100%;
}
.comment-respond .form-submit input:hover, .comment-respond .form-submit input:focus{
background: #fff;
color : #000;
border-radius: 5px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
vertical-align: middle;
}
.children li{
list-style:none;
}
.comment-reply-link{
color: #1dbe6f !important;
}
.abt-content ol , .abt-content ul{
margin-left:15px;
}
.abt-content ol li{
list-style : decimal;
}
.abt-content ul li{
list-style : disc;
}
.wp-caption.alignnone{
width: 100% !important;
}
.wp-caption-text {
}
.gallery-caption {
}
.bypostauthor {
}
.blog-detail .alignright {
width: 300px;
height: 200px;
}
.blog-detail .alignleft {
height: 150px;
width: 150px;
}
.blog-detail .aligncenter {
width: 580px;
height: 300px;
}
.blog-detail ul,
.blog-detail ol {
margin: 0 0 1.5em;
padding-left: 1.5em;
}
.blog-detail ul li{
list-style: disc;
color: #858585;
}
.blog-detail ol {
list-style: decimal;
color: #858585;
}
.blog-detail ol > li{
list-style: decimal;
}
.blog-detail li > ul,
.blog-detail li > ol {
margin-bottom: 0;
margin-left: 0;
padding-left: 1.5em;
}
.blog-detail  dt {
font-weight: bold;
}
.blog-detail  dd {
margin: 0 1.5em 1.5em;
color: #858585;
}
.pagination {
padding: 0px;
margin: 0px;
text-align: center !important;
display: inline-block;
width: 100%;
}
.page-template-default .blog-item .alignright {
width: 300px;
height: 200px;
}
.page-template-default .blog-item .alignleft {
height: 150px;
width: 150px;
}
.page-template-default .blog-item .aligncenter {
width: 580px;
height: 300px;
}
.page-template-default .blog-item ul,
.page-template-default .blog-item ol {
margin: 0 0 1.5em;
padding-left: 1.5em;
}
.page-template-default .blog-item ul li{
list-style: disc;
color: #858585;
}
.page-template-default .blog-item ol {
list-style: decimal;
color: #858585;
}
.page-template-default .blog-item ol > li{
list-style: decimal;
}
.page-template-default .blog-item li > ul,
.page-template-default .blog-item li > ol {
margin-bottom: 0;
margin-left: 0;
padding-left: 1.5em;
}
.page-template-default .blog-item  dt {
font-weight: bold;
}
.page-template-default .blog-item  dd {
margin: 0 1.5em 1.5em;
color: #858585;
}
.page-template-default .blog-item{
text-align: left !important;
}  .says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
} .site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font: bold 14px/normal "Noto Sans", sans-serif;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font: bold 14px/normal "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
@media only screen and (max-width: 600px) {
.site-title
{
font-size:25px !important;
}
.sp-100-70 {
padding-top: 50px;
padding-bottom: 50px;
}
}
.footer .widget_archive li
{
border-bottom:none;
}
.menu-item a {
color: #444343;
}
.blog-navigation{
width:100%;
}
.blog-navigation .navigation {
width:100%; 
}
.nav-links { display:flex; justify-content:space-between; width:100%; }
.nav-next { float:right; }
.nav-links span::before{
display:block;
font-size:30px;
font-family:FontAwesome;
}
.navi span {
text-transform: capitalize;
color: #232323;
font-family: 'Poppins', sans-serif;
}
.navi.next {
text-align: right;
}
.navi a {
font-size: 30px;
color: #232323;
line-height: 0.5;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navi a:hover, .navi a:focus {
color: #00adef;
}