#hero-samples .shadow-effect p {
    font-family: inherit;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
}

.second-line {
    font-size: 7rem!important;
}

.x1234 {
    display: flex;
}

/*#hero .hero-pages {*/
/*    display: flex;*/
/*}*/

/*#hero .hero-pages :first-child {*/
/*    width: 50%;*/
/*}*/

/*#hero .hero-pages :first-child {*/
/*    width: 50%;*/
/*}*/

#hero-samples .item {
    text-align: center;
    /*padding: 50px;*/
    /*margin-bottom:80px;*/
    opacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#hero-samples .item .project-view .project-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*height: 294px;*/
    /*width: 412px;*/
    height: 246px;
    width: 349px;
    margin: auto;
}

#hero-samples .owl-nav .owl-prev {

    background: #E1E1E17D;
    width: 40px;
    height: 40px;
    margin: 11px;
    border-radius: 3px;

}

#hero-samples .owl-nav .owl-next {
    background: #E1E1E17D;
    width: 40px;
    height: 40px;
    margin: 11px;
    border-radius: 3px;
    position: relative;

}

#hero-samples .owl-dots  {
    display: none!important;
}
#hero-samples .owl-nav {
    text-align: end;
    top: -73px;
    position: relative;
    margin-right: 110px;
}

#hero-samples .owl-nav .owl-prev span {
    font-size: 40px;
    height: 0px;
}

#hero-samples .owl-nav .owl-next span {
    font-size: 40px;
    height: 0px;
}

#hero-samples .item .sample-box {
    background-color: white;
    width: 85%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 2px 10px 2px 10px;
    margin: auto;
    margin-bottom: 10px!important;
}

/*#hero-samples .item .sample-box div div:first-child {*/
/*    margin-bottom: 10px;*/
/*}*/

#hero-samples .item .sample-box div div:first-child div:first-child img{
    margin: auto;
}

#hero-samples .item .sample-box div div:first-child div:last-child{
    margin-top: auto;
    margin-bottom: auto;
    font-size: 20px;
    font-weight: bold;
    padding: 0px!important;
}

#hero-samples .item .sample-box div div:nth-child(2){
    padding: 0px 27px;
}

#hero-samples .item .sample-box div div:last-child{
   margin-top: 22px;
   margin-bottom: 19px;
    padding: 0px 27px;
}

#hero-samples .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}
.owl-carousel .owl-item .img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    max-width: 500px !important;
    margin: 0 auto 17px;
}
#hero-samples.owl-carousel .owl-dots .owl-dot.active span,
#hero-samples.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3190E7;
    -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7);
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#hero-samples.owl-carousel .owl-dots{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#hero-samples.owl-carousel .owl-dots .owl-dot{
    display: inline-block;
}
#hero-samples.owl-carousel .owl-dots .owl-dot span {
    background: #3190E7;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    -webkit-transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    width: 20px;
}