/*==fonts==*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
@font-face {
    font-family: 'Britannic';
    src: url('/template/59fc52e0/fonts/BritannicBold.eot');
    src: url('/template/59fc52e0/fonts/BritannicBold.eot?#iefix') format('embedded-opentype'),
    url('/template/59fc52e0/fonts/BritannicBold.woff2') format('woff2'),
    url('/template/59fc52e0/fonts/BritannicBold.woff') format('woff'),
    url('/template/59fc52e0/fonts/BritannicBold.ttf') format('truetype'),
    url('/template/59fc52e0/fonts/BritannicBold.svg#BritannicBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
/*==fonts end==*/
    .widget-snippet .containers-fluid {
        max-width: 1670px;
        padding: 0;
        margin: 110px auto;
    }
    .widget-snippet .content-top, .widget-snippet .content-middle, .widget-snippet .content-bottom {
        position: relative;
        display: block;
        margin:25px 0;
    }
    .widget-snippet .varieties-service-right {
        display: block
    }
    .widget-snippet .contents {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
		background-color: rgba(0, 0, 0, 0.8);
        width: 50%;
        height: 100%;
        padding: 30px
    }
    .widget-snippet content-bottom .contents {
        width: 50%;
        height: 100%;
        top:auto;
        bottom: 0;
    }
    .widget-snippet .content-top .contents, .widget-snippet .content-middle .contents {
        background-color: rgba(175, 0, 15, 0.8);
    }
    .widget-snippet .varieties-service-right > .content-top .contents {
		background-color: rgba(0, 0, 0, 0.8);
        right:0;
        left: auto;
        height: 100%;
    }
    .widget-snippet .varieties-service-right > .content-bottom .contents {
        right:0;
        left: auto;
        height: 100%;
    }
.widget-snippet .varieties-service-left > .content-bottom > .contents {
    max-height: 310px;
}
   .widget-snippet  .contents h3{
        font-size: 34px;
        font-weight: 700;
        color: #fff;
        font-family: 'Britannic';
       line-height: 40px;
     max-width: 230px;
    }
   .widget-snippet .contents a {
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        color: #fff;
        position: absolute;
        bottom: 30px;
        font-family: Poppins;
        text-decoration: none;
    transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s; 
    }
   .widget-snippet .contents a::after{
        content: "\f105";
        font-size: 20px;
        right:-15px;
        bottom: 1px;
        font-family: FontAwesome;
        position: absolute;
           transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s; 
    }
.widget-snippet .contents a:hover{
    color: #ccc
}
.widget-snippet .contents a:hover::after{
    right:-20px;
}
   .widget-snippet .image-section img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-transition: all 1.5s ease 0s;
        transition: all 1.5s ease 0s;
    }
   .widget-snippet .content-top:hover img, .widget-snippet .content-bottom:hover img, .widget-snippet .content-middle:hover img {
        -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
        filter: grayscale(80%);
        -webkit-transition: all 1.5s ease 0s;
        transition: all 1.5s ease 0s;
    }