#page-section{
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}






.bg-navigator{
    text-align: left;
    /*background: url(../images/pattern.png)repeat 0px 0px;*/
    /*background-color: rgb(134, 0, 23);*/
    font-size: 16px;
    color: #333333;
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
}

.bg-navigator a:nth-child(1){
    padding-right: 15px;
    padding-left: 0px;
    margin: 15px 0;
    display: inline-block;
    text-decoration: none;
    border-right: solid 1px #6f6f6f;
    color: #1128c8;
    font-weight: 600;
}

.bg-navigator a{
    padding: 0px 15px;
    display: inline-block;
    text-decoration: none;
    color: #6f6f6f;
}




.page-h{
    position: relative;
    overflow: hidden;
}

.item-page-h{
    overflow: hidden;
    position: relative;
}

.item-page-h .page-h-img{
}

.item-page-h .page-h-text{
   background: #000000;
   padding: 30px;
   text-align: center;
}

.item-page-h .page-h-text h1{
   color: #ffffff;
}

.item-page-h .page-h-text p{
   color: #ffffff;
}



@media (min-width: 992px) {



    #page-section .row-service .col-md-6:nth-child(3n+1) .item-service .service-img {
        clip-path: polygon(0 0, 80% 0%, 100% 85%, 0% 100%);
        overflow: hidden;
    }

    #page-section .row-service .col-md-6:nth-child(3n+2) .item-service .service-img {
     clip-path: polygon(0 20%, 80% 0, 100% 100%, 0 100%);
     overflow: hidden;
 }

 #page-section .row-service .col-md-6:nth-child(3n+3) .item-service .service-img {
  clip-path: polygon(0 0, 100% 0, 100% 80%, 20% 100%);
  overflow: hidden;
}



#page-section{
    padding-bottom: 200px;
}




#page-section:before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -130px;
  height: 200px;
  background: #e8e8e8;
  z-index: 1;
  transform: skewY(-355deg);
}





.page-h:after{content: '';position: absolute;left: 0;right: 0;bottom: -130px;height: 200px;background: #ffffff;z-index: 1;transform: skewY(355deg);}



.item-page-h .page-h-text{
    position: absolute;
    left: 0;
    right: 0;
    bottom:   calc(30vh - 50px);
    opacity: 0;
    transform: translateY(500px);
    background: transparent;
    -webkit-transition: all 1.5s ease-in-out;
    -khtml-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}


.item-page-h .page-h-text p{
   font-size: 25px;
   line-height: 34px;
}



.slick-active .item-page-h .page-h-text{

    opacity: 1;
    transform: translateY(0px);
    -webkit-transition: all 1.5s ease-in-out;
    -khtml-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;

}

}






















@media (max-width: 992px) {


}

@media (min-width: 992px) {





}