.isotop-btn {

    text-align: center;

    margin-bottom: 45px

}



.isotop-btn:after {

    display: none

}



.isotop-btn a {

    background: transparent;

    padding: 10px 30px;

    font-size: 16px;

    font-weight: 500;

    color: #c01418;

    margin: 0 0 5px 0;

    text-transform: uppercase;

    display: inline-block;

    border: 1px solid #e0e0e0;

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -ms-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out

}



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

    .isotop-btn a {

        padding: 10px 26px

    }

}



.isotop-btn a:hover {

    border: 1px solid #c01418;

    background: #c01418;

    color: #fff

}



.isotop-btn .current {

    border: 1px solid red;

    background: red;

    color: #fff

}



.gallery-wrapper {

    margin-left: -5px;

    margin-right: -5px

}



.gallery-wrapper>div {

    padding: 0 3px

}



.gallery-box {

    margin-bottom: 6px;

    position: relative

}



.gallery-box:before {

    opacity: 0;

    content: "";

    background-color: rgba(253, 200, 0, 0.7);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    height: 100%;

    width: 100%;

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -ms-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out

}



.gallery-box img {

    width: 100%

}



.gallery-box .gallery-content {

    opacity: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    text-align: center;

    left: 0;

    right: 0;

    margin: 0 auto;

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -ms-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out

}



.gallery-box .gallery-content a {

    background-color: #c01418;

    height: 55px;

    width: 55px;

    line-height: 60px;

    display: inline-block;

    border-radius: 50%

}



.gallery-box .gallery-content a i {

    color: #fff;

    font-size: 18px;

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -ms-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out

}



.gallery-box:hover:before {

    opacity: 1;

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -ms-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out

}



.gallery-box:hover .gallery-content {

    opacity: 1;

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -ms-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out

}



.gallery-area1 {

    padding: 100px 0 93px

}



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

    .gallery-area1 {

        padding: 90px 0 83px

    }

}



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

    .gallery-area1 {

        padding: 80px 0 73px

    }

}



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

    .gallery-area1 {

        padding: 70px 0 63px

    }

}



@media(min-width:321px) and (max-width:479px) {

    .gallery-area1 {

        padding: 60px 0 53px

    }

}



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

    .gallery-area1 {

        padding: 50px 0 43px

    }

}



.gallery-area2 {

    padding: 100px 0 93px

}



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

    .gallery-area2 {

        padding: 90px 0 83px

    }

}



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

    .gallery-area2 {

        padding: 80px 0 73px

    }

}



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

    .gallery-area2 {

        padding: 70px 0 63px

    }

}



@media(min-width:321px) and (max-width:479px) {

    .gallery-area2 {

        padding: 60px 0 53px

    }

}



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

    .gallery-area2 {

        padding: 50px 0 43px

    }

}