/* Tiles */

.tiles {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* postsion: relative;
    margin: -2.5em 0 0 -2.5em; */
}

    .tiles article {
        -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
        transition: transform 0.5s ease, opacity 0.5s ease;
        position: relative;
        /* width: calc(25% - 2.5em); */
        /* margin: 2.5em 0 0 2.5em; */
        width: 100%;
    }

        .tiles article > .image {
            -moz-transition: -moz-transform 0.5s ease;
            -webkit-transition: -webkit-transform 0.5s ease;
            -ms-transition: -ms-transform 0.5s ease;
            transition: transform 0.5s ease;
            position: relative;
            display: block;
            width: 100%;
            border-radius: 4px;
            overflow: hidden;
        }

            .tiles article > .image img {
                display: block;
                width: 100%;
            }

            .tiles article > .image:before {
                pointer-events: none;
                -moz-transition: background-color 0.5s ease, opacity 0.5s ease;
                -webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
                -ms-transition: background-color 0.5s ease, opacity 0.5s ease;
                transition: background-color 0.5s ease, opacity 0.5s ease;
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 1.0;
                z-index: 1;
                opacity: 0.8;
            }

            .tiles article > .image:after {
                pointer-events: none;
                -moz-transition: opacity 0.5s ease;
                -webkit-transition: opacity 0.5s ease;
                -ms-transition: opacity 0.5s ease;
                transition: opacity 0.5s ease;
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");
                background-position: center;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                opacity: 0.25;
                z-index: 2;
            }

        .tiles article > a {
            display: -moz-flex;
            display: -webkit-flex;
            display: -ms-flex;
            display: flex;
            -moz-flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -moz-align-items: center;
            -webkit-align-items: center;
            -ms-align-items: center;
            align-items: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            -ms-justify-content: center;
            justify-content: center;
            -moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
            -webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
            -ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
            transition: background-color 0.5s ease, transform 0.5s ease;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 1em;
            border-radius: 4px;
            border-bottom: 0;
            color: #ffffff;
            text-align: center;
            text-decoration: none;
            z-index: 3;
        }

            .tiles article > a > :last-child {
                margin: 0;
            }

            .tiles article > a:hover {
                color: #ffffff !important;
            }

            .tiles article > a h2 {
                margin: 0;                
                font-weight: 600;
                color: #fff;                           
            }

            .tiles article > a .content {
                -moz-transition: max-height 0.5s ease, opacity 0.5s ease;
                -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
                -ms-transition: max-height 0.5s ease, opacity 0.5s ease;
                transition: max-height 0.5s ease, opacity 0.5s ease;
                width: 100%;
                max-height: 0;
                line-height: 1.5;
                margin-top: 0.35em;
                opacity: 0;
            }

                .tiles article > a .content > :last-child {
                    margin-bottom: 0;
                }

        .tiles article.style1 > .image:before {
            background-color: #f2849e;
        }

        .tiles article.style2 > .image:before {
            background-color: #7ecaf6;
        }

        .tiles article.style3 > .image:before {
            background-color: #7bd0c1;
        }

        .tiles article.style4 > .image:before {
            background-color: #c75b9b;
        }

        .tiles article.style5 > .image:before {
            background-color: #ae85ca;
        }

        .tiles article.style6 > .image:before {
            background-color: #8499e7;
        }

        body:not(.is-touch) .tiles article:hover > .image {
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

            body:not(.is-touch) .tiles article:hover > .image:before {
                background-color: #333333;
                opacity: 0.55;
            }

            body:not(.is-touch) .tiles article:hover > .image:after {
                opacity: 0;
            }

        body:not(.is-touch) .tiles article:hover .content {
            max-height: 15em;
            opacity: 1;
        }

    * + .tiles {
        /* margin-top: 2em; */
    }

    body.is-preload .tiles article {
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0;
    }

    body.is-touch .tiles article .content {
        max-height: 15em;
        opacity: 1;
    }

    .tiles article > a h3 {
        margin: 0;
        font-weight: 600;
        color: #fff;
    }

    .tiles article .div-main-offer p {
        color: #fff;
        font-size: 14px;
    }

    .tiles article h4
    {
        font-size: 10px;
        background-color: #fff;
        border-radius: 20px;
        width: fit-content;
        padding: 0px 8px;
        margin: auto;
    }

    .tiles article .txt-val-offer
    {
        background-color: #fff;
        border-radius: 20px;
        padding: 0px 7px;
    }

    .ribbon-corner.ribbon-right {
        right: 0;
        left: auto;
        padding: 6px 10px 0 0;
    }

    .ribbon-info.ribbon-corner.ribbon-right:before {
        border-right-color: #1e88e5;
        border-left-color: transparent;
    }
    .ribbon-info.ribbon-corner:before {
        border-top-color: #1e88e5;
        border-left-color: #1e88e5;
    }
    .ribbon-corner.ribbon-right:before {
        right: 0;
        left: auto;
        border-right-color: #526069;
        border-left-color: transparent;
    }
    .ribbon-corner:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        content: '';
        border: 30px solid transparent;
        border-top-color: #009efb;
        border-left-color: #009efb;
    }
    
    .ribbon-wrapper-reverse .ribbon{
        z-index: 2;
    }
    .op08
    {
        opacity: 0.8;
    }

    .div-parent-ribbon
    {
        width:100%;
    }

    .div-parent-ribbon .ribbon-corner.ribbon-right:before, .div-parent-ribbon-bh .ribbon-corner.ribbon-right:before
    {
        border-top-right-radius: 5px;
        transition: 0.5s ease;        
    }

    .div-parent-ribbon .ribbon-corner.ribbon-right, .div-parent-ribbon-bh .ribbon-corner.ribbon-right
    {
        transition: 0.5s ease;
    }
    
    .div-parent-ribbon:hover .ribbon-corner.ribbon-right, .div-parent-ribbon-bh:hover .ribbon-corner.ribbon-right
    {
        padding: 0px;
    }

    .div-parent-ribbon:hover .ribbon-corner.ribbon-right:before
    {
        right: -12px;
        top: -8px;        
    }
    .div-parent-ribbon-bh:hover .ribbon-corner.ribbon-right:before {
        right: -8px;
        top: -5px;
    }

    h4.trans
    {
        background-color: transparent !important;
    }

    .m_top05
    {
        margin-top: 5px;
    }

    .abt-head2{
        font-family: "Poppins", sans-serif;    
        font-weight: 500;     
        font-size: 34px;
        color: #F89621;
        padding-bottom: 2%;
        padding-top: 2%;
        text-align: center;
    }

    .flip-img-ht
    {
        height:195px;
        width:100%;
    }

    .flip-img-ht-browsing
    {
        height:101px;
        width:100%;
    }

    .content p{
        font-size: 13px;
        max-height: 39px;
        overflow: hidden;
    }

    .abt-temp2
    {
        color:#fff;
        text-align: center;
    }

    .browsing_his h3{
        font-size: 15px;
        transition: visibility 1s, opacity 0.5s linear;
        max-height: 28px;
        min-height: 28px;
        overflow: hidden;
    }
    .browsing_his:hover h3{
        /* display:none; */
        visibility: hidden;
        opacity: 0;
    }

    .browsing_his .content p{
        font-size: 11px;
        max-height: 28px;
        overflow: hidden;
    }

    .sidebar-nav #sidebarnav li a.has-arrow {
        background-color: #F89621;
        color: #fff !important;
        border-radius: 4px;        
        padding: 5px 13px;
    }

    .sidebar-nav #sidebarnav li a.has-arrow:hover
    {
        opacity: 0.5;
        -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
        transition: transform 0.5s ease, opacity 0.5s ease;
    }

    .sidebar-nav #sidebarnav li ul
    {
        border-radius: 0px !important;
        padding: 0px;
    }

    .sidebar-nav #sidebarnav li ul li a
    {
        padding: 10px 25px;
        border-bottom: 1px solid #ddd;
    }

    .sidebar-nav #sidebarnav li ul li a:hover
    {
        background-color: #F8962133;
    }
    .bac-news
    {
        background :#F896213F;
    }

    .section-five .div_about_2{
        opacity: 0;
        transition-delay: 0.2s;
        transition-duration: 0.3s;
    }

    .section-five:hover .div_about_2,
    .section-five:focus .div_about_2 {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    .section-five .div_about_2 {
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        transform: translateY(30px);
        -webkit-transform: translateY(30px);
        }

.testimonial{ margin: 0px; }
.testimonial .testimonial-content{
    margin: 20px 0 50px 0;
    position: relative;
}
.testimonial .testimonial-content:after{
    content: "";
    width: 20px;
    height: 20px;
    border-top: 20px solid #dca842;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}
.testimonial .description{
    padding: 20px;
    margin: 0;
    background: #dca842;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    position: relative;    
}
.testimonial .description:before,
.testimonial .description:after{
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 8px;
    text-align: center;
    background: #dca842;
    position: absolute;
}
.testimonial .description:before{
    content: "\f10d";
    top: -18px;
    left: 25px;
}
.testimonial .description:after{
    content: "\f10e";
    bottom: -18px;
    right: 25px;
}
.testimonial .description p
{
    max-height: 73px;
    overflow: hidden;
    min-height: 73px;
    text-align: justify;
}
.testimonial .testimonial-profile{
    display: table;
    padding: 15px;
    border: 1px solid #dca842;
    border-radius: 10px;
    margin: 0 auto;
    position: relative;
}
.testimonial .pic{
    width: 50px;
    height: 50px;
    /* border-radius: 50%;
    border: 1px solid #dca842; */
    border-radius: 10px;
    float: left;
    overflow: hidden;
}
.testimonial .title{
    display: inline-block;
    margin: 0 0 0 30px;
    font-size: 14px;
    font-weight: bold;
    /* color: #dca842; */
    color:#333;
    position: relative;
    top: 0px;
}
.testimonial .title:before{
    content: "";
    width: 1px;
    height: 50px;
    background: #dca842;
    position: absolute;
    top: 0px;
    left: -15px;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #888;
    margin-top: 10px;
}

.testimonial .text-cnt
{
    margin: 0 0 0 30px;
    display: inline-block;
}
/* .owl-theme .owl-controls{
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-page span{
    background: transparent;
    border: 1px solid #dca842;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span{
    background: #dca842;
    border: 1px solid #dca842;
} */
@media only screen and (max-width: 479px){
    .testimonial .description{
        padding: 20px;
        font-size: 16px;
    }
    .testimonial .testimonial-profile{ padding: 10px; }
    .testimonial .title{ font-size: 16px; }
    .testimonial .post{ font-size: 13px; }
}

    /* @media screen and (max-width: 1280px) {

        .tiles {
            margin: -1.25em 0 0 -1.25em;
        }

            .tiles article {
                width: calc(33.33333% - 1.25em);
                margin: 1.25em 0 0 1.25em;
            }

    }

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

        .tiles {
            margin: -2.5em 0 0 -2.5em;
        }

            .tiles article {
                width: calc(50% - 2.5em);
                margin: 2.5em 0 0 2.5em;
            }

    }

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

        .tiles {
            margin: -1.25em 0 0 -1.25em;
        }

            .tiles article {
                width: calc(50% - 1.25em);
                margin: 1.25em 0 0 1.25em;
            }

                .tiles article:hover > .image {
                    -moz-transform: scale(1.0);
                    -webkit-transform: scale(1.0);
                    -ms-transform: scale(1.0);
                    transform: scale(1.0);
                }

    }

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

        .tiles {
            margin: 0;
        }

            .tiles article {
                width: 100%;
                margin: 1.25em 0 0 0;
            }

    } */
/* media query for screen width 1024 */
@media only screen and (max-width:1279px) and (min-width:1024px)
{
    .browsing_his a
    {
        padding: 8px !important;
    }
}