/** banner-section **/



.slider-one{

  position: relative;

  overflow: hidden;

}



.banner-carousel .slide-item{

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.banner-carousel .content-box{

  position: relative;

  width: 100%;

}



.banner-carousel .slide-item:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0px;

  right: 0px;

  background: transparent;

  mix-blend-mode: multiply;

  z-index: 1;

}



.banner-carousel .slide-item:after{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0px;

  right: 0px;

  background: #000000;

  opacity: 0.6;

}



.banner-carousel .slide-item .image-layer{

  left:0;

  top:0;

  width:100%;

  height:100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-transform:scale(1);

  -ms-transform:scale(1);

  transform:scale(1);

  -webkit-transition: all 6000ms linear;

  -moz-transition: all 6000ms linear;

  -ms-transition: all 6000ms linear;

  -o-transition: all 6000ms linear;

  transition: all 6000ms linear;

}



.banner-carousel .active .slide-item .image-layer{

  -webkit-transform:scale(1.15);

  -ms-transform:scale(1.15);

  transform:scale(1.15);

}



.banner-carousel .content-box h2{

  color: #fff;

  opacity: 0;

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

  transform: scaleX(0);

  font-size: 45px;

}



.banner-carousel .active .content-box h2{

  opacity: 1;

  transform: scaleX(1);

}



.banner-carousel .content-box p{

  line-height: 28px;

  color: #fff;

  opacity: 0;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.banner-carousel .active .content-box p{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1000ms;

  -moz-transition-delay: 1000ms;

  -ms-transition-delay: 1000ms;

  -o-transition-delay: 1000ms;

  transition-delay: 1000ms;

}



.banner-carousel .content-box .btn-box{

  position: relative;

  opacity: 0;

   -webkit-transform: translateY(50px);

  -moz-transform: translateY(50px);

  -ms-transform: translateY(50px);

  -o-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.banner-carousel .active .content-box .btn-box{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1300ms;

  -moz-transition-delay: 1300ms;

  -ms-transition-delay: 1300ms;

  -o-transition-delay: 1300ms;

  transition-delay: 1300ms;

}



.owl-dots-none .owl-dots,

.owl-nav-none .owl-nav{

  display: none !important;

}



.banner-carousel .owl-nav{

  position: absolute;

  left: 0px;

  top: 40%;

  transform: translateY(-50%);

  width: 100%;

  z-index: 3;

}



.banner-carousel .owl-nav button{

  position: absolute;

  display: inline-block;

  width: 60px;

  height: 60px;

  line-height: 66px;

  background-color: rgba(255, 255, 255, 0.20);

  text-align: center;

  border-radius: 50%;

  font-size: 45px;

  font-weight: 400;

  cursor: pointer;

  transition: all 500ms ease;

}



.banner-carousel .owl-nav button.owl-next:before {

  content: '';

  position: absolute;

  top: 50%;

  right: 35px;

  -webkit-transform: translateY(-50%) scaleX(1);

  -ms-transform: translateY(-50%) scaleX(1);

  transform: translateY(-50%) scaleX(1);

  width: 45px;

  height: 2px;

  -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);

  -o-transition: .5s cubic-bezier(.858, .01, .068, .99);

  transition: .5s cubic-bezier(.858, .01, .068, .99);

  -webkit-transform-origin: right;

  -ms-transform-origin: right;

  transform-origin: right;

  background: #fff;

}



.banner-carousel .owl-nav button.owl-next:hover:before{

  background: #0554a6;

  right: 23px;

  width: 20px;

}



.banner-carousel .owl-nav button.owl-next:after {

  content: '';

  position: absolute;

  top: 50%;

  right: 35px;

  width: 10px;

  height: 10px;

  border-right: 3px solid #fff;

  border-top: 3px solid #fff;

  -webkit-transform: translateY(-50%) rotate(45deg);

  -ms-transform: translateY(-50%) rotate(45deg);

  transform: translateY(-50%) rotate(45deg);

  -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);

  -o-transition: .5s cubic-bezier(.858, .01, .068, .99);

  transition: .5s cubic-bezier(.858, .01, .068, .99);

}



.banner-carousel .owl-nav button.owl-next:hover:after{

  border-right: 2px solid #0554a6;

  border-top: 2px solid #0554a6;

  right: 23px;

}



.banner-carousel .owl-nav button.owl-prev:before {

  content: '';

  position: absolute;

  top: 50%;

  left: 35px;

  -webkit-transform: translateY(-50%) scaleX(1);

  -ms-transform: translateY(-50%) scaleX(1);

  transform: translateY(-50%) scaleX(1);

  width: 45px;

  height: 2px;

  -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);

  -o-transition: .5s cubic-bezier(.858, .01, .068, .99);

  transition: .5s cubic-bezier(.858, .01, .068, .99);

  -webkit-transform-origin: right;

  -ms-transform-origin: right;

  transform-origin: right;

  background: #fff;

}



.banner-carousel .owl-nav button.owl-prev:hover:before{

  background: #0554a6;

  left: 23px;

  width: 20px;

}



.banner-carousel .owl-nav button.owl-prev:after {

  content: '';

  position: absolute;

  top: 50%;

  left: 35px;

  width: 10px;

  height: 10px;

  border-left: 3px solid #fff;

  border-bottom: 3px solid #fff;

  -webkit-transform: translateY(-50%) rotate(45deg);

  -ms-transform: translateY(-50%) rotate(45deg);

  transform: translateY(-50%) rotate(45deg);

  -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);

  -o-transition: .5s cubic-bezier(.858, .01, .068, .99);

  transition: .5s cubic-bezier(.858, .01, .068, .99);

}



.banner-carousel .owl-nav button.owl-prev:hover:after{

  border-left: 2px solid #0554a6;

  border-bottom: 2px solid #0554a6;

  left: 23px;

}



.banner-carousel .owl-nav button.owl-prev{

  left: 70px;

}



.banner-carousel .owl-nav button.owl-next{

  right: 70px;

}





.banner-carousel .owl-nav button:hover{

  background: #fff;

}















.parallax-scene {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.slider-one .shape-layer .shape-1{

  width: 420px;

  height: 494px;

  top: 0px;

  background-repeat: no-repeat;

}



.slider-one .shape-layer .shape-2{

  width: 425px;

  height: 576px;

  background-repeat: no-repeat;

}



.slider-one .shape-layer .shape-3{

  width: 442px;

  height: 273px;

  right: 0px;

  background-repeat: no-repeat;

}



.slider-one .shape-layer .shape-4{

  width: 382px;

  height: 291px;

  background-repeat: no-repeat;

}







/** team-one **/



.team-block-one .inner-box{

  overflow: hidden;

}



.team-block-one .inner-box .image-box{

  overflow: hidden;

}



.team-block-one .inner-box .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.team-block-one .inner-box:hover .image-box img{

  opacity: 0.4;

  transform: scale(1.05);

}



.team-block-one .inner-box .image-box .social-links{

  position: absolute;

  left: 50%;

  top: 50%;

  width: 100%;

  transform: translate(-50%,-50%) scale(0,0);

  text-align: center;

  transition: all 500ms ease;

}



.team-block-one .inner-box:hover .image-box .social-links{

  transform: translate(-50%,-50%) scale(1,1);

}



.team-block-one .inner-box .image-box .social-links li{

  position: relative;

  display: inline-block;

  margin: 0px 10px;

}



.team-block-one .inner-box .image-box .social-links li a{

  position: relative;

  display: inline-block;

  font-size: 17px;

  color: transparent;

  -webkit-background-clip: text !important;

  -webkit-text-fill-color: transparent;

  background: -webkit-linear-gradient(45deg, #fff, #fff 100%);

}



.team-block-one .inner-box .image-box .social-links li a:hover{



}



.team-block-one .inner-box .image-box .overlay-pattern-1{

  width: 200px;

  height: 49px;

  background-repeat: no-repeat;

  top: -30px;

  opacity: 0;

  z-index: 1;

  transition: all 500ms ease;

}



.team-block-one .inner-box:hover .image-box .overlay-pattern-1{

  top: 0px;

  opacity: 1;

}



.team-block-one .inner-box .image-box .overlay-pattern-2{

  width: 100%;

  height: 48px;

  background-size: cover;

  background-repeat: no-repeat;

  bottom: -30px;

  opacity: 0;

  z-index: 1;

  transition: all 500ms ease;

}



.team-block-one .inner-box:hover .image-box .overlay-pattern-2{

  bottom: 0px;

  opacity: 1;

}



.team-block-one .inner-box .lower-content h4{

  color: #141417;

}



.team-block-one .inner-box .lower-content h4:hover{

  color: #0554a6;



}









/** project-one **/



.project-block-one .inner-box{

  overflow: hidden;

}



.project-block-one .inner-box .image-box{

  overflow: hidden;

}



.project-block-one .inner-box .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.project-block-one .inner-box:hover .image-box img{

  opacity: 0.4;

  transform: scale(1.05);

}



.project-one .inner-content{

  margin-right: -400px;

}



.project-block-one .inner-box .content-box{

  width: 100%;

  opacity: 0;

  bottom: -30px;

  visibility: hidden;

  transition: all 500ms ease;

}



.project-block-one .inner-box:hover .content-box{

  opacity: 1;

  visibility: visible;

  bottom: 0px;

}



.project-block-one .inner-box .content-box .shape{

  bottom: 0px;

  width: 100%;

  height: 191px;

  background-repeat: no-repeat;

  background-size: cover;

}



.project-block-one .inner-box .content-box h4 a{

  color: #fff;

}



.project-block-one .inner-box .content-box h4 a:hover{

  text-decoration: underline;

}



.project-block-one .inner-box .content-box .link a{

  border: 2px solid #fff;

  color: #fff;

}



.project-block-one .inner-box .content-box .link a:hover{

  background: #fff;

}



.project-one .owl-nav{

  position: absolute;

  top: -140px;

  right: 390px;

}



.project-one .owl-nav:before{

  position: absolute;

  content: '';

  background: #eaeaea;

  width: 1px;

  height: 35px;

  top: 5px;

  right: 45px;

}



.nav-style-two .owl-nav button span{

  display: none !important;

}



.nav-style-two .owl-nav button{

  width: 60px;

  height: 50px;

  position: relative;

  display: inline-block;

  background: transparent;

  top: 0;

  left: 20px !important;

  cursor: pointer;

  transition: all 500ms ease;

}



.nav-style-two .owl-nav button.owl-next:before {

  content: '';

  position: absolute;

  top: 50%;

  right: 32px;

  -webkit-transform: translateY(-50%) scaleX(1);

  -ms-transform: translateY(-50%) scaleX(1);

  transform: translateY(-50%) scaleX(1);

  width: 18px;

  height: 2px;

  background: #141417;

  transition: all 500ms ease;

  -webkit-transform-origin: right;

  -ms-transform-origin: right;

  transform-origin: right;

}



.nav-style-two .owl-nav button.owl-next:hover:before,

.nav-style-two .owl-nav button.owl-prev:hover:before{

  width: 25px;

  background: #0554a6;

}



.nav-style-two .owl-nav button.owl-next:after{

  content: '';

  position: absolute;

  top: 50%;

  right: 32px;

  width: 9px;

  height: 9px;

  border-right: 2px solid #141417;

  border-top: 2px solid #141417;

  -webkit-transform: translateY(-50%) rotate(45deg);

  -ms-transform: translateY(-50%) rotate(45deg);

  transform: translateY(-50%) rotate(45deg);

  transition: all 500ms ease;

}



.nav-style-two .owl-nav button.owl-next:hover:after{

  border-right: 2px solid #0554a6;

  border-top: 2px solid #0554a6;

}



.nav-style-two .owl-nav button.owl-prev:before {

  content: '';

  position: absolute;

  top: 50%;

  left: 21px;

  -webkit-transform: translateY(-50%) scaleX(1);

  -ms-transform: translateY(-50%) scaleX(1);

  transform: translateY(-50%) scaleX(1);

  width: 18px;

  height: 2px;

  background: #141417;

  transition: all 500ms ease;

  -webkit-transform-origin: right;

  -ms-transform-origin: right;

  transform-origin: right;

}



.nav-style-two .owl-nav button.owl-prev:after{

  content: '';

  position: absolute;

  top: 50%;

  right: 32px;

  width: 9px;

  height: 9px;

  border-left: 2px solid #141417;

  border-bottom: 2px solid #141417;

  -webkit-transform: translateY(-50%) rotate(45deg);

  -ms-transform: translateY(-50%) rotate(45deg);

  transform: translateY(-50%) rotate(45deg);

  transition: all 500ms ease;

}



.nav-style-two .owl-nav button.owl-prev:hover:after{

  border-left: 2px solid #0554a6;

  border-bottom: 2px solid #0554a6;

}



.lh_28{

  line-height: 28px;

}









/** about-16 **/





.image_block_20 .image-box img{

  width: 100%;

}



.image_block_20 .image-box .text{

  width: 320px;

  left: -50px;

  padding: 10px;

}



.image_block_20 .image-box .text .icon-box{

  color: #fff;

}



.image_block_20 .image-box .text h4{

  color: #fff;

}



.image_block_20 .image-box .text h3{

  font-size: 26px;

  line-height: 34px;

  color: #fff;

}



.image_block_20 .image-box .text h3 a{

  display: inline-block;

  color: #fff;

}



.image_block_20 .image-box .text h3 a:hover{

  text-decoration: underline;

}



.image_block_20 .image-box .shape .shape-1{

  bottom: -75px;

  width: 230px;

  height: 240px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 7s infinite linear;

  animation: zoom-fade 7s infinite linear;

}



.image_block_20 .image-box .shape .shape-2{

  left: 60px;

  top: 130px;

  width: 230px;

  height: 240px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 8s infinite linear;

  animation: zoom-fade 8s infinite linear;

}



.content_block_19 .content-box .tab-btns li{

  position: relative;

  display: inline-block;

  float: left;

  font-size: 18px;

  line-height: 28px;

  font-family: 'Inter', sans-serif;

  font-weight: 600;

  color: #141417;

  margin-right: 35px;

  cursor: pointer;

  transition: all 500ms ease;

}



.content_block_19 .content-box .tab-btns li:last-child{

  margin: 0px !important;

}



.content_block_19 .content-box .tab-btns li.active-btn,

.content_block_19 .content-box .tab-btns li:hover{



}



.content_block_19 .content-box .tab-btns li:before{

  position: absolute;

  content: '';

  width: 2px;

  height: 13px;

  background: #141417;

  top: 7px;

  right: -18px;

}



.content_block_19 .content-box .tab-btns li:last-child:before{

  display: none;

}







.banner-one h2{

  min-height: 240px;

}



.mouse-pointer{

  display: none;

}





.g_color{

  color: transparent;

  -webkit-background-clip: text !important;

  -webkit-text-fill-color: transparent;

}



.g_color_2{

  color: transparent;

  -webkit-background-clip: text !important;

  -webkit-text-fill-color: transparent;

}



.g_color_3{

  color: transparent;

  -webkit-background-clip: text !important;

  -webkit-text-fill-color: transparent;

}





/* slider text animation */



.slider-text-anim {

  display: inline-block;

  overflow: hidden;

  position: relative;

  padding-bottom: 5px;

}



.slider-text-anim:before {

  content: '';

  width: 101%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 100%;

  background: #fff;

  -webkit-transition: 1s cubic-bezier(.858, .01, .068, .99);

  -o-transition: 1s cubic-bezier(.858, .01, .068, .99);

  transition: 1s cubic-bezier(.858, .01, .068, .99);

  z-index: 3;

  -webkit-transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  transform: translateX(-100%);

  -webkit-transition-delay: 1s;

  -o-transition-delay: 1s;

  transition-delay: 1s;

}



.slider-text-anim.black-bg:before{

  background: #222;

}



.active .slider-text-anim:before {

  -webkit-transform: translateX(1%);

  -ms-transform: translateX(1%);

  transform: translateX(1%);

}









.banner-carousel .carousel-caption{

   position: absolute;

    top: 0;

    bottom: 0;

    z-index: 1;

    display: -ms-flexbox;

    display: flex !important;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center;

    color: #fff;

    text-align: center;

}







.banner-carousel .carousel-control-next:before {

  content: '';

  position: absolute;

  top: 50%;

  right: 35px;

  -webkit-transform: translateY(-50%) scaleX(1);

  -ms-transform: translateY(-50%) scaleX(1);

  transform: translateY(-50%) scaleX(1);

  width: 45px;

  height: 2px;

  -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);

  -o-transition: .5s cubic-bezier(.858, .01, .068, .99);

  transition: .5s cubic-bezier(.858, .01, .068, .99);

  -webkit-transform-origin: right;

  -ms-transform-origin: right;

  transform-origin: right;

  background: #fff;

}



.banner-carousel .carousel-control-next:hover:before{

  background: #008dc0;

  right: 23px;

  width: 20px;

}



.banner-carousel .carousel-control-next:after {

  content: '';

  position: absolute;

  top: 50%;

  right: 35px;

  width: 10px;

  height: 10px;

  border-right: 3px solid #fff;

  border-top: 3px solid #fff;

  -webkit-transform: translateY(-50%) rotate(45deg);

  -ms-transform: translateY(-50%) rotate(45deg);

  transform: translateY(-50%) rotate(45deg);

  -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);

  -o-transition: .5s cubic-bezier(.858, .01, .068, .99);

  transition: .5s cubic-bezier(.858, .01, .068, .99);

}



.banner-carousel .carousel-control-next:hover:after{

  border-right: 2px solid #008dc0;

  border-top: 2px solid #008dc0;

  right: 23px;

}



.banner-carousel .carousel-control-prev:before {

  content: '';

  position: absolute;

  top: 50%;

  left: 35px;

  -webkit-transform: translateY(-50%) scaleX(1);

  -ms-transform: translateY(-50%) scaleX(1);

  transform: translateY(-50%) scaleX(1);

  width: 45px;

  height: 2px;

  -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);

  -o-transition: .5s cubic-bezier(.858, .01, .068, .99);

  transition: .5s cubic-bezier(.858, .01, .068, .99);

  -webkit-transform-origin: right;

  -ms-transform-origin: right;

  transform-origin: right;

  background: #fff;

}



.banner-carousel .carousel-control-prev:hover:before{

  background: #008dc0;

  left: 23px;

  width: 20px;

}



.banner-carousel .carousel-control-prev:after {

  content: '';

  position: absolute;

  top: 50%;

  left: 35px;

  width: 10px;

  height: 10px;

  border-left: 3px solid #fff;

  border-bottom: 3px solid #fff;

  -webkit-transform: translateY(-50%) rotate(45deg);

  -ms-transform: translateY(-50%) rotate(45deg);

  transform: translateY(-50%) rotate(45deg);

  -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);

  -o-transition: .5s cubic-bezier(.858, .01, .068, .99);

  transition: .5s cubic-bezier(.858, .01, .068, .99);

}



.banner-carousel .carousel-control-prev:hover:after{

  border-left: 2px solid #008dc0;

  border-bottom: 2px solid #008dc0;

  left: 23px;

}



.banner-carousel .carousel-control-prev{

  left: 70px;

}



.banner-carousel .carousel-control-next{

  right: 70px;

}









.banner-carousel .carousel-item:after{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0px;

  right: 0px;

  background: #000000;

  opacity: 0.6;

}



.banner-carousel .carousel-item .image-layer{

  

  -webkit-transform:scale(1);

  -ms-transform:scale(1);

  transform:scale(1);

  -webkit-transition: all 6000ms linear;

  -moz-transition: all 6000ms linear;

  -ms-transition: all 6000ms linear;

  -o-transition: all 6000ms linear;

  transition: all 6000ms linear;

}



.banner-carousel  .carousel-item.active .image-layer{

  -webkit-transform:scale(1.15);

  -ms-transform:scale(1.15);

  transform:scale(1.15);

}



.team-block{

  margin-bottom: 20px;

}





.page-title.style-two {

    overflow: visible;

}

.page-title.about-page-5 {

    padding-bottom: 175px;

}



.page-title.style-two {

    padding: 50px 0px 90px 0px;

}



.page-title {

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    padding: 250px 0px 135px 0px;

}



.page-title.style-two .pattern-layer .shape-3 {

    width: 100%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: bottom center;

    z-index: -1;

}

.page-title .content-box {

    position: relative;

    z-index: 1;

}



.page-title.style-two .content-box h1 {

    color: #141417;

}

.page-title.style-two .bread-crumb li {

    color: #808080;

    font-family: 'Inter', sans-serif;

    font-weight: 600;

}



.page-title .bread-crumb li:before {

    position: absolute;

    content: "\f105";

    font-family: 'Font Awesome 5 Pro';

    top: 1px;

    right: -16px;

}



.page-title.style-two .bread-crumb li a {

    color: #808080;

}

.page-title.style-two .bread-crumb li.current {

    color: #141417;

}

.page-title.style-two .bread-crumb li.current:before  {

  display: none;



}

.pricing-block-one .pricing-table {

    background: #fff;

    border: 1px solid #e5e5e5;

    padding: 20px;

}





.pricing-block-one .pricing-table h2 {

  font-size: 25px;

  font-weight: 600;

  color: #0554a6;







}

.pricing-block-one .pricing-table .content-updated {

  color: #888888;

  font-size: 16px;





  }







/** service-four **/



.service-block-four .inner-box h4 a,

.service-block-four .inner-box p{

  color: #141417;

}



.service-block-four .inner-box{

  background: #fff;

}



.service-block-four .inner-box h4 a:hover{



}



.service-block-four .inner-box .icon-box{

  background: #ccf3f8;

  color: #10a1d4;

  z-index: 1;

  transition: all 500ms ease;

}



.service-block-four .inner-box .link a{



}



.service-block-four .inner-box .link a:hover{

  color: #141417;

  letter-spacing: 0.25px;

}



.service-block-four .inner-box .link a i {

  margin-left: 10px;

  position: relative;

  font-size: 14px;

  top: 1px;

}





.service-block-four .inner-box .icon-box:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  transform: scale(0,0);

  z-index: -1;

  transition: all 500ms ease;

  border-radius: 50%;

}



.slider-four.home-6 .banner-carousel .owl-nav button.owl-next:hover:before,

.slider-four.home-6 .banner-carousel .owl-nav button.owl-prev:before{

  line-height: 60px;

}



.service-block .service-block-four .inner-box .icon-box:before{

  background: #10a1d4;

}









.service-block-four .inner-box:hover .icon-box:before{

  transform: scale(1,1);

}



.service-block-four .inner-box:hover .icon-box{

  color: #fff !important;

}



.service-four .pattern-layer{

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center;

}









/************* project-page **************/



.project-two.project-page-1 .sortable-masonry .filter-tabs li{

  font-family: 'Poppins', sans-serif;

}





/** project-eight **/



.project-block-seven .inner-box .image-box{

  overflow: hidden;

}



.project-block-seven .inner-box .image-box .image{

  overflow: hidden;

  border-radius: 5px;

}



.project-block-seven .inner-box .image-box .image img{

  width: 100%;

  border-radius: 5px;

}



.project-block-seven .inner-box .image-box:before{

  position: absolute;

  content: '';

  width: calc(100% - 60px);

  height: calc(100% - 60px);

  left: 30px;

  top: 30px;

  border-radius: 5px;

  transform: scale(0,0);

  opacity: 0.95;

  z-index: 1;

  transition: all 500ms ease;

}



.project-block-seven .inner-box:hover .image-box:before{

  transform: scale(1,1);

}



.project-block-seven .inner-box .image-box .links{

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%) scale(0,0);

}



.project-block-seven .inner-box:hover .image-box .links{

  transform: translate(-50%,-50%) scale(1,1);

}



.project-block-seven .inner-box .image-box .links li{

  margin: 0px 3.5px;

}



.project-block-seven .inner-box .image-box .links li a{

  border: 2px solid #fff;

  color: #fff;

}



.project-block-seven .inner-box .image-box .links li a:hover{

  background: #fff;

}

.project-eight .masonry-item{

  padding: 0px 35px;

}

.project-eight .sortable-masonry{

  margin: 0px -20px;

}

.project-eight .sortable-masonry .filter-tabs li{

  border: 1px solid #e5e5e5;

  border-radius: 25px;

  padding: 8px 29px 6px 29px;

  font-size: 16px;

  text-transform: uppercase;

  font-family: 'Poppins', sans-serif;

  margin: 0px 3.5px;

}

.project-eight .sortable-masonry .filter-tabs li:before{

  display: none;

}

.project-eight .sortable-masonry .filter-tabs li.active, 

.project-eight .sortable-masonry .filter-tabs li:hover{

  color: #fff;

}

.project-eight .sortable-masonry .filter-tabs li:after{

  position: absolute;

  content: '';

  width: calc(100% + 2px);

  height: calc(100% + 2px);

  left: -1px;

  top: -1px;

  border-radius: 25px;

  z-index: -1;

  transform: scale(0,0);

  transition: all 500ms ease;

}



.project-eight .sortable-masonry .filter-tabs li.active:after, 

.project-eight .sortable-masonry .filter-tabs li:hover:after{

  transform: scale(1,1);

}



.project-block-seven .inner-box .image-box:before {

    background: -webkit-linear-gradient(45deg, #00a0de73 0%, #0554a67d 100%);

}


.project-block-seven .inner-box .image-box .links li a:hover {

    color: #0554a6;

}

.fancybox-button--share{

  display: none !important;

}

/** contactinfo-one **/

.info-block-one .inner-box .icon-box{

  background: #fdf3ee;

}

.info-block-one .inner-box:hover .icon-box{

  color: #fff;

}

.info-block-one .inner-box .icon-box:before{

  position: absolute;

  content: '';

  background: #141417;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  border-radius: 50%;

  transform: scale(0,0);

  transition: all 500ms ease;

}



.info-block-one .inner-box:hover .icon-box:before{

  transform: scale(1,1);

}



.info-block-one .inner-box p a{

  color: #808080;

}



.info-block-one .inner-box{

  background: #fff;

}



.contactinfo-one .bg-color{

  width: 100%;

  height: calc(100% - 130px);

}





/** contact-three **/



.contact-three #contact-google-map{

  width: 100%;

  height: 570px;

}



.contact-three #contact-form .form-group{

  position: relative;

  display: block;

  padding: 0px 10px;

  margin-bottom: 20px;

}



.contact-three #contact-form .form-group input[type='text'],

.contact-three #contact-form .form-group input[type='email'],

.contact-three #contact-form .form-group textarea{

  position: relative;

  display: block;

  width: 100%;

  height: 50px;

  background: #fff;

  border: 1px solid #fff;

  font-size: 16px;

  font-family: 'Poppins', sans-serif;

  color: #808080;

  border-radius: 5px;

  padding: 10px 20px;

  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);

}



.contact-three #contact-form .form-group textarea{

  height: 120px;

  resize: none;

}



.contact-three #contact-form .form-group input:focus,

.contact-three #contact-form .form-group textarea:focus{



}



.contact-three .shape .shape-1{

  top: -50px;

  width: 563px;

  height: 533px;

  background-repeat: no-repeat;

  z-index: -1;

}



.contact-three .shape .shape-2{

  width: 593px;

  height: 563px;

  background-repeat: no-repeat;

}



/** google-map-section **/



.map-inner iframe{

  width: 100%;

  height: 500px;

}









.theme-btn-eight:hover:before{

  bottom: -40%;

}



.theme-btn-eight:before{

  webkit-transition-duration: 800ms;

  transition-duration: 800ms;

  position: absolute;

  width: 200%;

  height: 200%;

  content: "";

  bottom: 110%;

  left: 50%;

  background-color: #141417;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  border-radius: 50%;

  z-index: -1;

}



.info-block-one .inner-box .icon-box {

    color: #0554a6;

}





/** feature-ten **/

.feature-block{

  margin-bottom: 50px;

}



.feature-block-ten .inner-box .image-box img{

  transition: all 500ms ease;

}



.feature-block-ten .inner-box:hover .image-box img{

  transform: rotateY(180deg);

}



.feature-block-ten .inner-box:before{

  position: absolute;

  content: '';

  background: #e5e5e5;

  width: 1px;

  height: 130px;

  top: 46px;

  right: 0px;

}

.feature-block-ten .inner-box:after{

  position: absolute;

  content: '';

  background: #e5e5e5;

  width: 1px;

  height: 130px;

  top: 46px;

  left: 0px;

}



/*.feature-block:last-child .feature-block-ten .inner-box:before{

  display: none;

}*/



.feature-block-ten .inner-box:hover {

    box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 8%);



}

.color_black {

    color: #141417;

}

.fs_22 {

    font-size: 22px;

}

.feature-block-ten .inner-box{

  padding: 10px;

}

.feature-block-ten .inner-box:hover:after{

  display: none;

}

.feature-block-ten .inner-box:hover:before{

  display: none;

}



.checkout-section .billing-form .form-group input[type='text'], .checkout-section .billing-form .form-group input[type='date'], .checkout-section .billing-form .form-group input[type='email'], .checkout-section .billing-form .form-group select {

    position: relative;

    display: block;

    width: 100%;

    height: 45px;

    border: 1px solid #e6e6e6;

    font-size: 15px;

    border-radius: 5px;

    color: #848484;

    padding: 10px 15px;

    transition: all 500ms ease;

}



.checkout-section .billing-form .form-group input[type='file']{

  position: relative;

    display: block;

    width: 100%;

    border: 1px solid #e6e6e6;

    font-size: 15px;

    color: #848484;

    transition: all 500ms ease;

}



.checkout-section .billing-form .form-group textarea {

    position: relative;

    display: block;

    width: 100%;

    height: 100px;

    border: 1px solid #e6e6e6;

    font-size: 15px;

    border-radius: 5px;

    color: #848484;

    padding: 10px 15px;

    transition: all 500ms ease;

}





.checkout-section .payment-info .payment-inner{

  background: #fff;

}



.checkout-section .payment-info .payment-inner .option-block{

  border-bottom: 1px solid #e6e6e6;

}



.checkout-section .payment-info .payment-inner .option-block:last-child{

  border-bottom: none;

}