/*slideshow*/
.background:before {
    position: absolute;
    content: '';
    /*background: #000000a1;*/
    width: 50%;
    height: 100%;
}
span.title {
    color: #fff;
    font-size: 48px;
}

@media(max-width:991px){
span.title {
    color: #fff;
    font-size: 22px;
}}
span.title {
    line-height: 1.2;
    text-shadow: 0px 0px 10px #000;
}
.sppb-carousel-pro-text p.content {
    line-height: 1.5;
    font-size: 16px;
}
.sppb-carousel-pro-text .content-div {
    width: 50% !IMPORTANT;
}
.slick-dots li button:before {
    transition: 0.3s;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 50px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 5px;
    background: #000;
    border-radius: 100px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 .slick-next {
    right: 22px;
}
.slick-prev {
    left: 0px;
    z-index: 999;
}
.slick-next:before {
    content: '>';
    background: #00000040;
    padding: 0px 10px;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 900;
    font-size: 30px;
    opacity: 0.3;
    transition: 0.3s;
}
.slick-prev:before {
    content: '<';
    background: #00000040;
    border: 2px solid #ffffff;
    padding: 0px 10px;
    color: #ffffff;
    font-weight: 900;
    font-size: 30px;
    opacity: 0.3;
    transition: 0.3s;
}
.slick-prev:hover:before, .slick-next:hover:before {
    opacity: 1;
}
.slick-dots {
    bottom: 10px;
}
@media(max-width:991px){
    .slick-next:before {
    font-weight: 400;
    font-size: 30px;
    padding: 0px 5px;
}
.slick-prev:before {
    font-weight: 600;
    font-size: 30px;
    padding: 0px 5px;
}
.slick-next {
    right: 10px;
}
.videoslide-pro-text {
    padding-left: 50px;
}
.slick-dots {
    bottom: 0px;
}}
.slick-dots li button:before {
    transition: 0.3s;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 50px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 5px;
    background: #000;
    border-radius: 100px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 .slick-next {
    right: 0px;
}
.slick-prev {
    left: 0px;
    z-index: 999;
}
.slick-next:before {
    content: '>';
    background: #00000040;
    padding: 0px 10px;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 900;
    font-size: 30px;
    opacity: 0.3;
    transition: 0.3s;
}
.slick-prev:before {
    content: '<';
    background: #00000040;
    border: 2px solid #ffffff;
    padding: 0px 10px;
    color: #ffffff;
    font-weight: 900;
    font-size: 30px;
    opacity: 0.3;
    transition: 0.3s;
}
.slick-prev:hover:before, .slick-next:hover:before {
    opacity: 1;
}
.slick-dots {
    bottom: 10px;
}
@media(max-width:991px){
    .slick-next:before {
    font-weight: 400;
    font-size: 30px;
    padding: 0px 5px;
}
.slick-prev:before {
    font-weight: 600;
    font-size: 30px;
    padding: 0px 5px;
}
.slick-next {
    right: 0px;
}
.videoslide-pro-text {
    padding-left: 50px;
}
.slick-dots {
    bottom: 0px;
}}
.slick-prev, .slick-next {
    width: 65px !important;
    height: 65px !important;
    color: #000 !important;
}

/*home-icon-001*/
@media(min-width:992px){
.home-icon-001 {
    padding: 40px 20px !important;
}
}
.home-icon-001 {
    background: #fff;
    box-shadow: 0px 0px 10px #00000030;
    padding: 20px;
    transition: 0.5s;
}
.home-icon-001:hover {
    transform: translateY(-10px);
    background: #222629;
}
.home-icon-001 img {
    transition: 0.5s;
    width: 100px;
    height: auto !Important;
}
.home-icon-001 h5 {
    transition: 0.5s;
}
@media(max-width:991px){
.home-icon-001 h5 {
    font-size: 15px !Important;
}
}
.home-icon-001:hover img {
    filter: invert(1);
}
.home-icon-001:hover h5 {
    color: #fff !important;
}

/*home-image-overlay*/
.home-image-overlay-style-001 .sppb-addon-overlay-image-content.title-subtitle-top-center {
    padding: 20px 0px;
}
.home-image-overlay-style-001 .overlay-background-image:before {
    position: absolute;
    content: '';
    background: linear-gradient(180deg, #000000b5, transparent);
    width: 100%;
    height: 200px;
    left: 0;
    top: 0;
}

/*carousel*/
.sppb-carousel-extended {
    box-shadow: 0px 0px 10px #00000050 !important;
}

/*career*/
.career-style-001 {
    background: #fff;
    box-shadow: 0px 0px 10px #00000030 !important;
    padding: 15px !important;
    border-left: 3px solid #222629;
    margin-bottom: 15px !IMPORTANT;
    transition: 0.8s;
}
.career-style-001 h5.sppb-addon-title {
    transition: 0.5s;
}
@media(min-width:992px){
.career-style-001 h5.sppb-addon-title {
    min-height: 50px;
}}
  .career-style-001:hover {
    background: #222629;
}
.career-style-001:hover h5.sppb-addon-title {
    color: #fff;
}
.career-style-001:hover .sppb-btn.sppb-btn-primary {
    color: #fff;
}
.career-style-001:hover .sppb-btn.sppb-btn-primary:before {
    background: #fff !important;
}

/*contact*/
@media(min-width:992px){
.border-right-style-001 {
    border-right: 1px solid #222629;
    padding-right: 15px;
  }}

/*carousel*/
.sppb-carousel-extended-item {
    height: auto !important;
}
.sppb-carousel-extended-outer-stage {
    height: auto !important;
}
.sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap, .sppb-image-carousel-layout1 .sppb-carousel-extended-item img, .sppb-image-carousel-layout1 .sppb-carousel-extended-item-overlay {
    border-radius: 0px !IMPORTANT;
}

/*cta*/
.cta-style-001 {
    background: #fff;
    padding: 50px 30px !important;
    margin-top: -100px !important;
    box-shadow: 0px 0px 10px #00000050 !important;
    margin-bottom: 100px !Important;
  	transition: 0.5s;
}
.cta-style-001 {
    animation-name            : shrink2    ;
    animation-duration        : 0.9s     ;
    animation-iteration-count : infinite  , infinite  ;
    animation-direction       : alternate , alternate ;
}
@keyframes shrink2 {
    from { transform: translateY(0px); }
    to   { transform: translateY(15px); }
}


/*about-feature-style-001*/
.about-feature-style-001 h2 {
    text-shadow: 0px 0px 8px #000 !important;
}
@media(max-width:991px){
.about-feature-style-001 h2 {
    font-size: 16px !important;
}
.sppb-carousel-pro-text .content-div {width: 100% ! IMPORTANT;}
    
}

/*mobile-background*/
@media(max-width:991px){
#developer-first-row, #home-developer, #recruitment-first-row, #be-part-of-us, #news-first-row, #contact-first-row, #background-row {
  background-attachment: scroll !important;
  }}