* {

    margin: 0;

    padding: 0;

}



body {

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

    background: #191919 !important;

}



.slider-section {

    width: 100%;

    height: 100vh;

    background-repeat: no-repeat;

    background-size: cover;

    background: url(../images/page1-slide1.jpg);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.slide-text {

    text-align: center;

    max-width: 1000px;

    margin: 0 auto;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.slide-text h2 {

    font-weight: 300;

    font-size: 105px;

    color: #FFF;

    line-height: 107px;

}





.slide-text h2>span {

    font-weight: 700;

}



.slide-text h4 {

    color: #d6d6d6;

    font-weight: 500;

    line-height: 1.1;

    font-size: 32px;

}



.block-2 {

    padding: 117px 0px 83px;

}



.box.box-4 {

    margin-bottom: 41px;

    text-align: center;

}



.box.box-4 h3 {

    color: #ffffff;

    line-height: 77px;

    font-weight: 700;

    font-size: 65px;

}



.box.box-4 h6 {

    color: #ffffff;

    line-height: 36px;

    margin-top: 9px;

    font-size: 17px;

}



.bg-video {

    position: relative;

}



.video-section {

    position: absolute;

    z-index: -1;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    overflow: hidden;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-image: none;

}



.video-play {

    visibility: visible;

    margin: auto;

    position: absolute;

    z-index: -1;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

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

    width: 100%;

    height: auto;

}





/* service section */

.block-3 {

    padding: 60px 0px 53px;

    /* background: #191919; */

}



.title.title-1 {

    font-weight: 700;

    color: #ffffff;

    font-size: 65px;

}



.box.box-5 {

    margin-top: 22px;

}



.box.box-5 .badge {

    padding: 0;

    font-size: 69px;

    color: #303030;

    font-weight: 500;

    line-height: 1;

}



.badge {

    background: none;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}







.box.box-5 .badge+h5 {

    margin-top: 16px;

}



.box.box-5 h5 {

    color: #ffffff;

    font-weight: 500;

    font-size: 19px;

}



.box.box-5 h5+p {

    margin-top: 20px;

}



.box.box-5 p {

    color: #888888;

    font-weight: 400;

    line-height: 31px;

}



/* exmple */

.title.title-1>span {

    font-weight: 300;

}



.fancy-block .fancy-row {

    margin-top: 32px;

}



.fancy-block .fancy-row>a {

    width: 25%;

    max-height: 214px;

}

.fancy-block .fancy-row>a img {

    display: block;

    width: 100%;

    object-fit: cover;

    height: 100%;

}



.fancy-block .fancy-row>a {

    display: block;

    float: left;

    width: 20%;

    overflow: hidden;

    max-height: 279px;

    position: relative;

}



.fancy-block .fancy-row>a:hover:before {

    -webkit-transition: 0.3s;

    transition: 0.3s;

    bottom: 0px;

}



.fancy-block .fancy-row>a:before {

    display: block;

    content: "\f065";

    font-family: fontAwesome;

    width: 99px;

    height: 99px;

    border-radius: 100%;

    position: absolute;

    color: #ffffff;

    background: #343434;

    bottom: -200%;

    top: 0;

    right: 0px;

    left: 0;

    margin: auto;

    font-size: 34px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    border-bottom: 0px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 25px 0px;

    text-align: center;

}



@media (max-width: 1500px) {

    .fancy-block .fancy-row>a {

        width: 25%;

        height: 214px;

    }

}



@media (max-width: 991px) {

    .fancy-block .fancy-row>a {

        width: 33.33333333%;

        height: 180px;

    }

}



@media (max-width: 767px) {

    .fancy-block .fancy-row>a {

        width: 50%;

        height: 171px;

    }



    .slide-text h2 {

        padding-top: 10px;

        font-size: 80px;

    }



}



@media (max-width: 479px) {

    .fancy-block .fancy-row>a {

        width: 100%;

        height: 251px;

    }



    .fancy-block .fancy-row>a {

        width: 100%;

        max-height: unset;

        height: auto;

    }



    .fancy-block .fancy-row>a img {

        width: 100%;

        max-height: unset;

        height: auto;

    }



    .title.title-1 {

        font-size: 50px;

        line-height: 1;

    }



}



/* Slider Arrow CSS */

.slick-arrow {

    position: absolute;

    top: 50%;

    width: 102px;

    height: 102px;

    z-index: 999;

    border: 2px solid #ddd;

    border-width: 2px 0px 0 2px;

}



.slider-arrow.arrow-next {

    right: 30px;

    transform: rotate(130deg);

}



a.slider-arrow.arrow-prev.slick-arrow {

    transform: rotate(-45deg);

    left: 30px;

}



.slick-arrow:hover {

    opacity: 0.7;

}

@media screen and (max-width: 1199px) {

    .slick-arrow {

        width: 72px;

        height: 72px;

    }

}

@media screen and (max-width: 991px) {

    .slick-arrow {

        width: 52px;

        height: 52px;

    }

}

@media screen and (max-width: 767px) {

    .slick-arrow {

        width: 32px;

        height: 32px;

    }

}