@font-face {
    font-family: "Sans a4fran3";
    src: url("../fonts/Sans-a4fran3.eot");
    src: url("../fonts/Sans-a4fran3.eot?#iefix") format('embedded-opentype'), url("'../fonts/Sans a4fran3.woff'") format('woff'), url("'../fonts/Sans a4fran3.ttf'") format('truetype'), url("'../fonts/Sans a4fran3.svg'") format('svg');
}

@font-face {
    font-family: 'custom-font-2';
    src: url('Font/font-bmi.woff');
}

body {
    font-family: "custom-font-1",sans-serif;
}

body {
    font-size: 15px;
}

h1, .h1, .minion, .content-dropcap p:first-child:first-letter, .dropcap {
    font-family: "custom-font-2", Times, serif;
}




body {
    
    background-image:url('Image/BackImage.png')
}


a { text-decoration: none; } 


.img-left {
    background-size: cover;
    height: 300px;
}

.owl-carousel .item img {
    display: block;
    width: 100%;
    height: auto;
}




.TitleImg {
    transition: all ease-in-out 0.5s;
    width:100%;
}

    .TitleImg:hover {
        transform: rotate(360deg);
        width:100%;
    }



.Right-effect {
    transition: all ease-in-out 0.5s;
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

    .Right-effect:hover {
        transform: rotate(0deg);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        filter: grayscale(0%);
    }

.menu-effect {
    transition: all ease-in-out 0.5s;
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
}

    .menu-effect:hover {
        transform: rotate(-360deg);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        filter: grayscale(0%);
    }



    .Ico {
    transition: all ease-in-out 0.4s;
    -webkit-filter: grayscale(20%);
    -moz-filter: grayscale(20%);
    -o-filter: grayscale(20%);
    -ms-filter: grayscale(20%);
    filter: grayscale(20%);
}

    .Ico:hover {
        transform: rotate(360deg);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        filter: grayscale(0%);
    }


.fd-effect-rotate {
    transition: all ease-in-out 0.5s;
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%);
}

    .fd-effect-rotate:hover {
        transform: rotate(2deg);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        filter: grayscale(0%);
    }

@media only screen and (max-width:767px) {
    body {
        background-image: url('Image/bg.3.jpg');
    }

    img {
        width: 200px;
        height: 200px;
    }
}