.mainbg
{
    width:100%;
}

.centre
{
    width:100%;
    /*top:145px;
    position:absolute;*/
    position:relative;
    height: 60vh;
}
@media screen and (max-width: 1366px) and (min-width: 1024px) {
    .centre {
        height: 30vh;
    }
}
.centre-bar
{  
    max-width:1024px;
    margin-left:auto;
    margin-right:auto;
}

.tile
{
    height: 280px;
    margin: 10px auto;
    width: 95%; 
    padding:10px;
    box-shadow: 2px 2px 6px hsla(0, 30%, 30%, .25);
    border-radius:2px;
    position:relative;
}
    .tile .tile-title
    {
        width:100%;
        text-align:center;
        font-size:1.2em;
        padding:0 0 4px 0;
        color:#fff;
        letter-spacing:3px;
    }

    .tile a.more2:link
    {
        position:absolute;
        display:block;
        width:70%; 
        left:15%;
        text-align:center;
        bottom:40px; 
        letter-spacing: 0em;
        text-indent:0em; 
        padding:3px;
        color:#fff;
    }
    .tile a.more2:visited
    { 
        color:#fff;
    }  
    .tile a.more2:hover
    { 
        text-decoration:none;
        background-color:#fff;
        color:#333;
    }
    .tile-1 a.more2:link
    {
        background-color: #e30109;
    }

    .tile a.more:link
    {
        position:absolute;
        display:block;
        width:70%; 
        left:15%;
        text-align:center;
        bottom:0; 
        letter-spacing: 2em;
        text-indent:2em; 
        padding:3px;
        color:#fff;
    }
        
    .tile a.more:visited
    { 
        color:#fff;
    }  
    .tile a.more:hover
    { 
        text-decoration:none;
        background-color:#fff;
        color:#333;
    }
    .tile .tile-divider
    {
        background-position: center;
        background-repeat: no-repeat;
        height: 7px;
    }

    .tile ul
    {
        margin:10px auto;
        list-style:square;
    }

        .tile ul li
        {
            padding:1px 0;
        }
        
        .tile ul li a:link
        {
            display:block;
            color:#000;
            width:100%;
        }
        
        .tile ul li a:visited
        {
            color:#333;
        }

        .tile ul li a:hover
        {
            color:#fff;
        }

.tile-1
{
    background-color: #EC8934;
}

    .tile-1 a.more:link
    {
        background-color: #E36A01;
    }

    .tile-1 .tile-divider
    {
        background-image:url(../img/divider-1.jpg);
    }

.tile-2
{
    background-color: #5DA7F0;
}

    .tile-2 a.more:link
    {
        background-color: #2E88E0;
    }

    .tile-2 .tile-divider
    {
        background-image:url(../img/divider-2.jpg);
    }

.tile-3
{
    background-color: #75AE2B;
}
    .tile-3 a.more:link
    {
        background-color: #4F8803;
    }

    .tile-3 .tile-divider
    {
        background-image:url(../img/divider-3.jpg);
    }

.tile-4
{
    background-color: #4E79D8;
}
    .tile-4 a.more:link
    {
        background-color: #395DB3;
    }

    .tile-4 .tile-divider
    {
        background-image:url(../img/divider-4.jpg);
    }

.tile-5
{
    background-color: #A8C5E3;
    padding: 0;

}

    .tile-5 .block-mid
    {
        float: right;
        margin-right: 1.2%;
    }

.tile-6
{ 
    background-color: #5B7CC9;
    padding: 0;
}
 
    .tile-6 .block-mid
    {
        float: left;
        margin-left: 1.2%;
    }

.tile-7
{ 
    background-color: #22538e;
    padding: 0;
    z-index: 1;
}

.col-md-3
{
    padding: 0;
}

.block
{
    margin: 10px auto;
    width: 95%;
    max-width: 500px;
    padding: 10px;
    min-height: 300px;
}

    .block .block-title
    {
        background-color: #5B83DA;
        width: 100%;
        text-align: center;
        font-size: 1.2em;
        padding: 4px 0;
        color: #fff;
        letter-spacing: 3px;
        box-shadow: 0px -2px 6px hsla(0, 30%, 30%, .25) inset;
    }

    .block .block-content
    {
        border: solid 1px #ABC3FF;
        min-height: 300px;
    }

.block-mid
{
    margin: 10px auto;
    width: 95%;
    max-width: 500px;
    padding: 0 10px;
    min-height: 330px; 
}
.block-mid2 {
    margin: 10px auto;
    width: 95%;
    padding: 0 10px;
    min-height: 330px;
}

    .tile-5 .block-title
    { 
        width: 100%; 
        font-size: 1.4em;
        font-weight:600;
        padding: 4px 0 9px 0;
        color: #4873E3;
        letter-spacing: 3px;  
        position:relative;
    }
    
    .tile-5 .block-title a.more:link, .tile-5 .block-title a.more:visited
    {  
        display:block;
        font-size: 0.8em; 
        font-weight:normal;
        padding: 2px 20px;
        background-color:#4873E3;
        color: #fff; 
        position:absolute;
        right:0;
        top:10px;
        /*border-radius:3px;*/
    }

        .tile-5 .block-title a.more:hover
        {
            text-decoration: none;
            background-color: #444b58;
        }

.tile-6 .tab-title
{
    box-shadow: -4px 3px 4px hsla(0, 0%, 30%, .25);
    width:95%;
}
.tile-6 .tab-title ul
{
}

    .tile-6 .tab-title ul li 
    {
        float:left;
    }
        .tile-6 .tab-title ul li a:link, .tile-6 .tab-title ul li a:visited
        {
            background-color: #334877;
            padding: 9px 20px;
            color:#fff;
        }

        .tile-6 .tab-title ul li a:hover
        {
            background-color: #444b58; 
        }

    .tile-6 .tab-title ul li.active a:link, .tile-6 .tab-title ul li.active a:visited
    {
        background-image:url(../img/tag-active.jpg);
    }
 
.tile-6 .tab-content
{ 
    padding: 10px;
}

    .tile-6 .tab-content ul
    {
        list-style:none;
        margin:0;
        padding:0;
    }

        .tile-6 .tab-content ul li + li
        {
            border-top: dashed 1px #A8C5E3;
        }

        .tile-6 .tab-content ul li
        {
            padding:3px;
        }

            .tile-6 .tab-content ul li a:link, .tile-6 .tab-content ul li a:visited
            {
                display:block;
                width:100%;
                color:#fff; 
                padding:4px;
            }

            .tile-6 .tab-content ul li a:hover
            {
                text-decoration:none;
                background-color:#A8C5E3;
            }


.block-content iframe
{
    border: solid 3px #5B7CC9;
}

.imgul {
    width: 100%;
    text-decoration: none;
    margin: 0;
}

    .imgul li {
        width: 20%;
        float: left;
        text-decoration: none;
        list-style: none;
        margin: 0;
        padding: 5PX 5PX 5PX 5PX;
    }

@media only screen and (min-width:1024px)
{
    /*.centre-bar
    {
        width: 1024px;
        left:calc(50% - 512px); 
    }*/

}

@media only screen and (min-width:992px) and (max-width:1023px) {
    .padding-block {
        height: 160px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .padding-block {
        height: 50px;
    }
}
@media only screen and (max-width:768px)
{
    .padding-block
    {
        height: 0px;
    }
     

    .block-mid
    {
        max-width:95%;
        float: none;
        margin: 10px auto;
    }

        .centre
    {
        height: auto;
    }
}