body
{
    background-color: #EBEBE9;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #333;
    margin: 0;
}

.container
{
    width: 980px;
    margin: 0 auto;
}

a
{
    text-decoration: none;
    color: #3F8CFF;
}

h1
{
    font-family: 'Roboto';
    font-weight: 400;
}

.header
{
    height: 120px;
}

    .header .logo
    {
        width: 300px;
        height: 120px;
        float: left;
    }

    .header .contacts
    {
        width: 680px;
        height: 120px;
        float: left;
    }

        .header .contacts .phone
        {
            float: right;
            font-size: 24px;
            height: 60px;
            border-bottom: dotted 1px #C5C5C5;
            margin-bottom: 10px;
            line-height: 60px;
            margin-top: 10px;
            color: #3F8CFF;
        }

        .header .contacts .sm
        {
            list-style-type: none;
            float: right;
            margin: 0;
            padding: 0;
        }

            .header .contacts .sm li
            {
                float: left;
            }

                .header .contacts .sm li a
                {
                    color: #C5C5C5;
                    font-size: 20px;
                    padding: 0 10px;
                    -moz-transition: all ease .5s;
                    -o-transition: all ease .5s;
                    -webkit-transition: all ease .5s;
                    transition: all ease .5s;
                }

                    .header .contacts .sm li a:hover
                    {
                        color: #3F8CFF;
                    }

.menubar
{
    background-color: #3F8CFF;
}

.clear
{
    clear: both;
}

.menubar .left, .menubar .right
{
    float: left;
    height: 50px;
}

.menubar .left
{
    width: 290px;
    line-height: 50px;
    font-size: 16px;
    padding-left:10px;
}

.menubar .right
{
    width: 680px;
    background-color: #211917;
}

.menubar .menu
{
    list-style-type: none;
    margin: 0;
    padding: 15px 0 0 10px;
}

    .menubar .menu li
    {
        float: left;
    }

        .menubar .menu li a
        {
            color: #fff;
            display: block;
            text-decoration: none;
            padding: 0 12px;
            border-left: solid 2px #211917;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
            text-transform: uppercase;
        }

            .menubar .menu li a:hover
            {
                color: #3F8CFF;
                border-left: solid 2px #3F8CFF;
            }

            .menubar .menu li a.selected
            {
                color: #3F8CFF;
                border-left: solid 2px #3F8CFF;
            }

.carousel
{
    margin: 0 0 30px 0;
    overflow: auto;
}

    .carousel .left, .carousel .right
    {
        float: left;
        height: 350px;
    }

    .carousel .left
    {
        width: 300px;
        background-color: #211917;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px;
        overflow: hidden;
    }

        .carousel .left h1
        {
            margin: 0;
            color: #fff;
            font-size: 22px;
            line-height: 25px;
            font-weight: normal;
            padding: 0;
        }

        .carousel .left p
        {
            color: #7D7573;
            line-height: 19px;
        }

        .carousel .left .indicator
        {
            background-color: #3F8CFF;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 8px;
        }

            .carousel .left .indicator:before
            {
                content: "";
                width: 10px;
                height: 10px;
                position: absolute;
                background-color: #3F8CFF;
                left: 3px;
                top: 40px;
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .carousel .left .buttons
        {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 35px;
            background-color: red;
            line-height: 35px;
            text-transform: uppercase;
            text-align: center;
        }

            .carousel .left .buttons a
            {
                float: left;
                width: 150px;
                color: #fff;
                text-decoration: none;
                font-size: 15px;
            }

            .carousel .left .buttons .btn
            {
                background-color: #333;
            }

            .carousel .left .buttons .rm
            {
                background-color: #3F8CFF;
            }

    .carousel .right
    {
        width: 680px;
        overflow: hidden;
        position: relative;
    }

        .carousel .right .desc
        {
            position: absolute;
            height: 35px;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(30,30,30,.7);
        }

        .carousel .right img
        {
            display: block;
            width: 100%;
        }

.contents
{
    margin-bottom: 30px;
}

    .contents .rect
    {
        float: left;
    }

    .contents .links
    {
        width: 645px;
        min-height: 200px;
    }

        .contents .links > div
        {
            width: 310px;
            background-color: #fff;
            height: 200px;
            float: left;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            padding: 20px 50px 10px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #211917;
            position: relative;
        }

            .contents .links > div > div
            {
                width: 0;
                height: 0;
                position: absolute;
                left: 0;
                top: 0;
                border-top: solid 40px #3F8CFF;
                border-right: solid 40px transparent;
                border-bottom: solid 40px transparent;
                border-left: solid 40px #3F8CFF;
                -moz-transition: ease all .5s;
                -o-transition: ease all .5s;
                -webkit-transition: ease all .5s;
                transition: ease all .5s;
            }

        .contents .links a
        {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
        }

        .contents .links div:hover
        {
            background-color: #3F8CFF;
            color: #fff;
        }

            .contents .links div:hover > div
            {
                border-top: solid 40px #fff;
                border-right: solid 40px transparent;
                border-bottom: solid 40px transparent;
                border-left: solid 40px #fff;
            }

        .contents .links div i
        {
            display: block;
            font-size: 60px;
            text-align: center;
        }

        .contents .links div h1
        {
            text-align: center;
            font-weight: normal;
            text-transform: uppercase;
            font-size: 24px;
        }

        .contents .links div p
        {
            text-align: center;
        }

    .contents .logins
    {
        width: 645px;
        min-height: 200px;
    }

        .contents .logins > div
        {
            width: 310px;
            background-color: #fff;
            height: 200px;
            float: left;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #211917;
            position: relative;
        }

            .contents .logins > div > div
            {
                padding: 15px 30px 10px 30px;
                position: relative;
            }

        .contents .logins .bx
        {
            display: block;
            margin-bottom: 7px;
            position: relative;
        }


        .contents .logins input[type=text], .contents .logins input[type=password]
        {
            border: solid 1px #dfdfdf;
            display: block;
            padding: 6px 10px 6px 38px;
            width: 100%;
            -moz-box-sizing: padding-box;
            -webkit-box-sizing: padding-box;
            box-sizing: padding-box;
            font-family: Roboto;
        }

            .contents .logins input[type=text]:focus, .contents .logins input[type=password]:focus
            {
                border: solid 1px #3F8CFF;
            }

        .contents .logins input[type=submit]
        {
            background-color: #3F8CFF;
            font-family: Roboto;
            border: solid 1px #3F8CFF;
            padding: 3px 15px;
        }

        .contents .logins i
        {
            width: 30px;
            height: 30px;
            position: absolute;
            text-align: center;
            line-height: 30px;
            font-size: 16px;
            margin: 1px 0 0 1px;
            border-right: solid 1px #dfdfdf;
            background-color: #f6f6f6;
        }

        .contents .logins h1
        {
            margin: 0;
            padding: 10px;
            background-color: #3F8CFF;
            color: #fff;
            font-weight: normal;
            font-size: 15px;
            text-transform: uppercase;
        }

        .contents .logins a.x
        {
            border-top: dotted 1px #dfdfdf;
            display: block;
            padding-right: 10px;
            line-height: 28px;
            font-size: 11px;
            text-align: right;
        }

.req
{
    position: absolute;
    right: 0;
    top: 0;
    line-height: 32px;
    width: 15px;
    color: red;
}

.contents .news
{
    width: 310px;
    background-color: #fff;
    height: 425px;
    float: left;
    position: relative;
    margin-right:25px;
}

    .contents .news h1
    {
        margin: 0;
        padding: 10px;
        background-color: #3F8CFF;
        color: #fff;
        font-weight: normal;
        font-size: 15px;
        text-transform: uppercase;
    }

    .contents .news .viewall
    {
        display: inline-block;
        background-color: #3F8CFF;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        padding: 5px 10px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

.events
{
    list-style-type: none;
    padding: 10px;
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    margin: 0;
}

    .events li
    {
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: dotted 1px #3F8CFF;
    }

        .events li:last-child
        {
            border-bottom: none;
        }

    .events .dt
    {
        width: 60px;
        height: 60px;
        background-color: #211917;
        float: left;
        margin-right: 10px;
        color: #fff;
    }

        .events .dt span
        {
            display: block;
            text-align: center;
        }

            .events .dt span:first-child
            {
                margin-top: 10px;
                font-size: 25px;
            }

            .events .dt span:last-child
            {
                font-size: 14px;
                line-height: 25px;
                color: #3F8CFF;
            }

    .events .details
    {
        height: 60px;
        width: 220px;
        display: inline-block;
    }

        .events .details a
        {
            display: block;
            color: #211917;
            text-decoration: none;
            font-size: 16px;
            line-height: 26px;
            -moz-transition: ease all .5s;
            -o-transition: ease all .5s;
            -webkit-transition: ease all .5s;
            transition: ease all .5s;
        }

            .events .details a:hover
            {
                color: #3F8CFF;
            }

        .events .details span
        {
            color: #7D7573;
            font-size: 12px;
            line-height: 16px !important;
            display: inline-block;
        }

.edu
{
    margin-bottom: 25px;
}

    .edu > a
    {
        display: block;
        width: 35px;
        height: 35px;
        background-color: #3F8CFF;
        float: right;
        line-height: 35px;
        text-align: center;
        color: #fff;
    }

    .edu ul
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        border-top: solid 3px #3F8CFF;
    }

        .edu ul li
        {
            width: 180px;
            height: 120px;
            background-color: #fff;
            margin-right: 20px;
            float: left;
            line-height: 120px;
            text-align: center;
        }

            .edu ul li img
            {
                vertical-align: middle;
            }

            .edu ul li:last-child
            {
                margin-right: 0;
            }

.about
{
    background-color: #fff;
    min-height: 150px;
    position: relative;
    padding: 20px;
    border-left: solid 35px #211917;
    border-right: solid 3px #3F8CFF;
    margin-bottom: 20px;
}

.features h1
{
    color: #9F9795;
}

.features ul
{
    padding-left: 30px;
    color: #9F9795;
    line-height: 22px;
}

.qp
{
    min-height: 50px;
    background-color: #3E3634;
    color: #9F9795;
    padding: 10px;
    line-height: 18px;
    font-size: 12px;
}

.footer
{
    min-height: 100px;
    background-color: #211917;
    border-top: solid 5px #C1C1BF;
    padding: 30px 0;
}

    .footer .media
    {
        float: left;
        width: 520px;
    }

    .footer .location
    {
        float: left;
        width: 460px;
    }

        .footer .location ul
        {
            list-style-type: none;
        }

            .footer .location ul li
            {
                margin-bottom: 20px;
                position: relative;
            }

            .footer .location ul p
            {
                padding: 0;
                margin: 0;
                line-height: 22px;
                color: #9F9795;
                padding-left: 60px;
            }

                .footer .location ul p:first-child
                {
                    color: #fff;
                }

            .footer .location ul li:before
            {
                content: "\f041";
                font-family: FontAwesome;
                font-size: 50px;
                position: absolute;
                top: 20px;
                color: #3E3634;
                width: 40px;
                text-align: center;
            }

            .footer .location ul li.pin:before
            {
                content: "\f041";
            }

            .footer .location ul li.tel:before
            {
                content: "\f095";
            }

            .footer .location ul li.mail:before
            {
                content: "\f124";
            }

.copyright
{
    height: 40px;
    line-height: 40px;
    background-color: #3F8CFF;
}

    .copyright p
    {
        margin: 0;
    }


h2
{
    font-weight: normal;
    border-left: solid 3px #3F8CFF;
    padding-left: 10px;
    margin-top: 25px;
}

h3
{
    margin-top: 25px;
}

.tbl
{
    display: table;
    width: 100%;
    border-spacing: 0;
}

    .tbl > div
    {
        display: table-row;
    }

        .tbl > div > div
        {
            display: table-cell;
            vertical-align: top;
            padding: 0;
        }

.gvw
{
    width: 100%;
    border-spacing: 0;
}

    .gvw th
    {
        font-weight: bold;
        text-align: left;
        line-height: 30px;
        padding-left: 10px;
        border-bottom: solid 2px #3F8CFF;
    }

    .gvw tbody td
    {
        text-align: left;
        line-height: 28px;
        padding-left: 10px;
        border-bottom: solid 1px #cfcfcf;
        -moz-transition: ease all .5s;
        -o-transition: ease all .5s;
        -webkit-transition: ease all .5s;
        transition: ease all .5s;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        cursor: default;
    }

    .gvw tbody tr:nth-child(2n+2)
    {
        background-color: #f6f6f6;
        -moz-transition: ease all .5s;
        -o-transition: ease all .5s;
        -webkit-transition: ease all .5s;
        transition: ease all .5s;
    }

    .gvw tbody tr:hover td
    {
        border-bottom-color: #3F8CFF;
        color: #3F8CFF;
    }

.btmLinks
{
    border-top: dotted 1px #3E3634;
    padding-top: 10px;
    text-align: center;
}

    .btmLinks a
    {
        padding: 0 15px;
        color: #3E3634;
        -moz-transition: ease all .5s;
        -o-transition: ease all .5s;
        -webkit-transition: ease all .5s;
        transition: ease all .5s;
    }

        .btmLinks a:hover
        {
            color: #3F8CFF;
        }