@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700;800;900&display=swap');

body{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.slick-prev:before, .slick-next:before {
    opacity: .75;
    color: black;
}
 .gallery-item {
    overflow: hidden;
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}

.gallery-item img{
    width: 100%;
}

.header{
    background: url('../img/shutterstock_1953516184.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -180px;
}

.social a{
    height: 80px;
    width: 80px;
    border-radius: 50% !important;
    background: #3D3D3E !important;
    color: #fff;
    font-size: 35px;
    line-height: 1.7;
    text-align: center;
    margin: 0 10px;
}

.about-image {
    position: relative;
}

.about-image::before {
    position: absolute;
    content: '';
    background-position: center center;
    background-size: 100%;
    width: 375px;
    height: 350px;
    left: 5
}
.about-image .single-image {
    width: 360px;
}
.about-image .single-image img {
    width: 100%;
}
.about-image .single-image.image-tow {
    margin-top: -200px;
    position: relative;
    z-index: 5;
}
.about-image .single-image {
    width: 360px;
}

table.services tr>td{
    padding-bottom: 20px;
}
/* FOR IMAGE */

.image-column {
    height: 100vh;
    background: transparent no-repeat center /cover;
}

.image-column .img-responsive {
    visibility: hidden;
}

#review-stars{
    font-size: 5rem;
}

.gallery img{
    width: 100%;
}

/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .brand, .social{
        justify-content: center;
    }

 }

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {     
    .image-column {
    min-height: 0;
    }
    .image-column .img-responsive {
    width: 100%;
    height: auto;
    } 
    .header{
        background-position-y: 0;
    }
}

/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  }

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {  }

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {  }

@media(max-width: 767px) {

}


  /*jssor slider loading skin spin css*/
  .jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 057 css*/
.jssorb057 .i {position:absolute;cursor:pointer;}
.jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
.jssorb057 .i:hover .b {stroke-opacity:.7;}
.jssorb057 .iav .b {stroke-opacity: 1;}
.jssorb057 .i.idn {opacity:.3;}

/*jssor slider arrow skin 073 css*/
.jssora073 {display:block;position:absolute;cursor:pointer;}
.jssora073 .a {fill: #ea0179;
    fill-opacity: .7;
    stroke: #000;
    stroke-width: 160;
    stroke-miterlimit: 10;
    stroke-opacity: .7;}
.jssora073:hover {opacity:.8;}
.jssora073.jssora073dn {opacity:.4;}
.jssora073.jssora073ds {opacity:.3;pointer-events:none;}