/*==================================
ABOUT CSS
==================================*/
.about{
    height: 500px;
}

.about .about-content img{
    position: absolute;
    top: 0;
    right: 0;
    width: 650px;
    height: auto;
}

.about .about-content .about-caption{
    width: 650px;
    margin: 185px 0 0 150px;
}

.about .about-content .about-caption h3{
    font-family: 'Roboto',serif;
    color: #000;
}

.about .about-content .about-caption p{
    color: #8c8c8c;
    font-family: 'Roboto',serif;
    font-size: 16px;
    line-height: 1.6;
    margin: 50px 0 0 50px;
}

.shape::before{
    width: 200px;
    height: 200px;
    content: '';
    display: block;
    transform: rotate(52deg);
    border: 25px solid #991f00;
    border-radius: 20%;
    position: absolute;
    bottom: 125px;
    left: -100px;
}

.shape::after{
    width: 200px;
    height: 200px;
    content: '';
    display: block;
    transform: rotate(63deg);
    border: 25px solid rgba(153, 31, 0,0.6);
    border-radius: 20%;
    position: absolute;
    bottom: 125px;
    left: -100px;
}

/*==========================================
ABOUT TEXT CSS
=========================================*/
.about-text{
    margin-top: 35px;
    position: relative;
    height: 650px;
}

.about-text .about-text-inner{
    width: 85%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.about-text .about-text-inner .about-text-col h3{
    font-family: 'Roboto',serif;
    color: #000;
    font-weight: 500;
    margin-top: 45px;
}

.about-text .about-text-inner .about-text-col p{
    font-family: 'Roboto',serif;
    font-size: 14px;
    color: #8c8c8c;
    text-align: justify;
    margin-left: 225px;
    margin-top: 85px;
    line-height: 1.6;
}

.about-text .about-text-inner .about-text-col img{
    position: absolute;
    top: 0;
    left: 0;
}

/*================================
GALLERY CSS
=================================*/
.gallery .gallery-inner{
    width: 85%;
    margin: 0 auto;
}

.gallery .gallery-inner .gallery-header h3{
    font-family: 'Roboto',serif;
    color: #000;
    font-weight: 500;
}

.gallery .gallery-inner .gallery-body .gallery-slider{
    width: 95%;
    margin: 0 auto;
}

.gallery .gallery-inner .gallery-body .gallery-slider .mySlides{
    display: none;
}

.gallery .gallery-inner .gallery-body .gallery-slider .prev{
    color: #991f00;
    font-size: 45px;
    position: absolute;
    top: 35%;
    left: 2px;
    text-decoration: none;
}

.gallery .gallery-inner .gallery-body .gallery-slider .next{
    color: #991f00;
    font-size: 45px;
    text-decoration: none;
    position: absolute;
    top: 35%;
    right: 2px;
}

.gallery .gallery-inner .gallery-body .column .gallery-slideshow{
    width: 95%;
    margin: 0 auto;
}

.gallery .gallery-inner .gallery-body .column .slider-prev,
.gallery .gallery-inner .gallery-body .column .slider-next{
    color: #000;
    font-size: 20px;
    position: absolute;
    z-index: 999999;
}

.gallery .gallery-inner .gallery-body .column .slider-prev{
    left: 0;
    top: 15px;
}

.gallery .gallery-inner .gallery-body .column .slider-next{
    right: 0;
    top: 15px;
}

.gallery .gallery-inner .gallery-body .column .thumbnail{
    width: 120px;
    cursor: pointer;
}

.gallery .gallery-inner .gallery-body .column .thumbnail img{
    opacity: 0.5;
}

.gallery .gallery-inner .gallery-body .column .thumbnail .active{
    opacity: 10;
}