html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

ol, ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

blockquote, q
{
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after
    {
        content: '';
        content: none;
    }

table
{
    border-collapse: collapse;
    border-spacing: 0;
}



/* start editing from here */
a
{
    text-decoration: none;
}

.txt-rt
{
    text-align: right;
}
/* text align right */
.txt-lt
{
    text-align: left;
}
/* text align left */
.txt-center
{
    text-align: center;
}
/* text align center */
.float-rt
{
    float: right;
}
/* float right */
.float-lt
{
    float: left;
}
/* float left */
.clear
{
    clear: both;
}
/* clear float */
.pos-relative
{
    position: relative;
}
/* Position Relative */
.pos-absolute
{
    position: absolute;
}


.wrap
{
    margin: 0 auto;
    width: 80%;
}
/* start header */
.top_bg
{
    background: #db0c0c;
}



.image1_of_3
{
    float: left;
    width: 30.99999%;
    margin-left: 3.3333%;
    text-align: center;
}

    .image1_of_3:first-child
    {
        margin-left: 0;
    }

    .image1_of_3 img
    {
        width: 100%;
    }

    .image1_of_3 span
    {
        position: relative;
        top: -120px;
    }

        .image1_of_3 span.tag
        {
            padding: 15px 30px;
            background: rgba(36, 36, 36, 0.85);
            color: #ffffff;
            font-size: 1.5em;
            text-transform: uppercase;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .image1_of_3 span.tag:hover
            {
                background: rgba(0, 0, 0, 0.61);
            }
/* start main */
.main_bg
{
    background: #EBE7DF;
}

.main_top
{
    padding: 2% 4%;
}

.main
{
    padding: 0%;
}

.top_main
{
    margin: 3% 0;
}

    .top_main:first-child
    {
        margin-top: 0;
    }

    .top_main h2
    {
        float: left;
        text-transform: capitalize;
        color: #242424;
        font-size: 1.5em;
        text-shadow: 0 1px 0 #ffffff;
        line-height: 1.8em;
    }

    .top_main a
    {
        font-size: 1em;
        float: right;
        text-transform: capitalize;
        padding: 8px 20px;
        color: #BCB4A7;
        border: 1px solid #BCB4A7;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .top_main a:hover
        {
            background: #BCB4A7;
            color: #fff;
        }
/* start grids_of_3 */
.grids_of_3
{
    text-align: center;
    display: block;
     font-family:Arial, Helvetica, sans-serif;
}

.grid1_of_3
{
    float: left;
    width: 30.3333%;
    margin-left: 4.3333%;
    background: #ffffff;
    position: relative;
}

    .grid1_of_3:first-child
    {
        margin-left: 0;
    }

    .grid1_of_3 a
    {
        display: block;
    }

        .grid1_of_3 a:hover h3
        {
            color: #db0c0c;
            /*-webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;*/
        }
         .grid1_of_3 a:hover h2
        {
            color: #000000;
            /*-webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;*/
        }


    .grid1_of_3 img
    {
        /*padding: 8% 15%;*/
        max-width: 100%;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .grid1_of_3 img:hover
        {
            /*padding: 8% 15%;*/
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }



.grid1_of_3 h3
{
        border-top: 1px solid #EBEBEB;
    padding: 10px;
    font-size: 20px;
    color: #ffffff;
    font-weight:normal;
    -webkit-text-stroke: 0.5px;
    /* text-shadow: 0 1px 0 #ffffff; */
    /* text-transform: capitalize; */
    background-color: #282727;

}
.grid1_of_3 h2
{
        border-top: 1px solid #EBEBEB;
    padding: 8px;
    font-size: 25px;
    color:red;
    font-weight:bold;
    /*-webkit-text-stroke: 0.5px;*/
    /* text-shadow: 0 1px 0 #ffffff; */
    /* text-transform: capitalize; */
    /*background-color: #282727;*/
    background-color:darkgrey;
}


/* start grids_of_2 */
.grids_of_3
{
    display: block;
    margin: 4% 0;
}

.grid1_of_2
{
    float: left;
    width: 45.77777%;
    margin-left: 4.3333%;
}

    .grid1_of_2:first-child
    {
        margin-left: 0;
    }

    .grid1_of_2.bg
    {
        background: #DFDBD4;
        padding: 2%;
    }



    .span1_of_2:first-child
    {
        margin-left: 0;
    }



.grid1_of_2 p
{
    font-size: 0.8725em;
    line-height: 1.5em;
    color: #141414;
    -webkit-text-stroke: 0.4px;
    text-shadow: 0 1px 0 #ffffff;
}
/* start date */


    .grid_date:first-child
    {
        margin-top: 0;
    }