/*!
Developer: İsmail BİÇER
Description: İzinsiz Kopyalanması durumunda hukuki yaptırım hakları gizlidir.
Version: 1.0
!*/

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300;
    src: local("Quicksand Light"),local("Quicksand-Light"),url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlP8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300;
    src: local("Quicksand Light"),local("Quicksand-Light"),url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlD0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300;
    src: local("Quicksand Light"),local("Quicksand-Light"),url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: local("Quicksand Regular"),local("Quicksand-Regular"),url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: local("Quicksand Regular"),local("Quicksand-Regular"),url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: local("Quicksand Regular"),local("Quicksand-Regular"),url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    src: local("Quicksand Medium"),local("Quicksand-Medium"),url(https://fonts.gstatic.com/s/quicksand/v6/FRGja7LlrG1Mypm0hCq0Dv8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    src: local("Quicksand Medium"),local("Quicksand-Medium"),url(https://fonts.gstatic.com/s/quicksand/v6/FRGja7LlrG1Mypm0hCq0Dj0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    src: local("Quicksand Medium"),local("Quicksand-Medium"),url(https://fonts.gstatic.com/s/quicksand/v6/FRGja7LlrG1Mypm0hCq0Dugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    src: local("Quicksand Bold"),local("Quicksand-Bold"),url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsv8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    src: local("Quicksand Bold"),local("Quicksand-Bold"),url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsj0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    src: local("Quicksand Bold"),local("Quicksand-Bold"),url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

html {
    font-family: "Quicksand",sans-serif !important;
    line-height: 1.15;
    letter-spacing: 0.08em;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    min-height: 100%;
    position: relative;
}

body {
    font-family: "Quicksand",sans-serif !important;
    background-color: #ffffff;
    margin: 0;
}

article, aside, footer, header, nav, section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption, figure, main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

ul {
    padding: 0;
}

    ol.bullet li, ul.bullet li {
        list-style: none;
    }

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
}

    a:active, a:hover {
        outline-width: 0;
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: inherit;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    outline: none;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    padding: 0;
    margin: 0;
    border: none;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details, menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

.main {
    width: 100%;
    min-height: 100%;
    float: left;
    margin-bottom: 250px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .main .inner-bg {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

        .main .inner-bg img {
            width: 100%;
            float: left;
        }

@media (max-width: 1600px) {
    .main .inner-bg img {
        width: 1920px;
        position: absolute;
        left: 50%;
        top: 0;
        float: none;
        margin-left: -960px;
    }
}

@media (max-width: 1600px) {
    .main .inner-bg {
        height: 508px;
        overflow: hidden;
    }
}

.container {
    width: 1170px;
    margin-right: auto;
    margin-left: auto;
}

    .container::after {
        display: table;
        content: '';
        clear: both;
    }

@media (max-width: 1440px) {
    .container {
        width: 1080px;
    }
}

@media (max-width: 1280px) {
    .container {
        width: 968px;
    }
}

@media (max-width: 1024px) {
    .container {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
    }
}

header {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    header .logo-wrapper {
        float: left;
        margin-left: 40px;
    }

        header .logo-wrapper .header-logo {
            width: 60px;
            height: 90px;
            float: left;
            position: relative;
        }

            header .logo-wrapper .header-logo .logo {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                -webkit-border-radius: 0 0 60px 60px;
                -moz-border-radius: 0 0 60px 60px;
                -ms-border-radius: 0 0 60px 60px;
                border-radius: 0 0 60px 60px;
                text-align: center;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding-top: 30px;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
            }

                header .logo-wrapper .header-logo .logo:hover {
                    height: 100px;
                }

                header .logo-wrapper .header-logo .logo img {
                    width: 38px;
                }

                header .logo-wrapper .header-logo .logo.front {
                    background: #a5151c;
                }

                header .logo-wrapper .header-logo .logo.back {
                    background: #a5151c;
                }

            header .logo-wrapper .header-logo .home {
                width: 18px;
                position: absolute;
                left: 50%;
                bottom: 0;
                margin-left: -9px;
                opacity: 0;
                -webkit-transition: all 0.2s 0.1s;
                -moz-transition: all 0.2s 0.1s;
                -ms-transition: all 0.2s 0.1s;
                -o-transition: all 0.2s 0.1s;
                transition: all 0.2s 0.1s;
            }

                header .logo-wrapper .header-logo .home img {
                    width: 100%;
                    float: left;
                }

            header .logo-wrapper .header-logo:hover .home {
                opacity: .4;
            }

        header .logo-wrapper .text {
            float: left;
            color: #fff;
            margin: 30px 0 0 10px;
        }

            header .logo-wrapper .text .bigger {
                font-size: 13px;
                font-weight: 500;
            }

            header .logo-wrapper .text .smaller {
                font-size: 12px;
            }

@media (max-width: 1024px) {
    header .logo-wrapper {
        margin-left: 20px;
    }
}

header .user-area {
    float: right;
    margin-top: 30px;
    margin-right: 40px;
}

    header .user-area .login-button {
        padding: 10px 15px;
        color: #fff;
        border: 1px solid #fff;
        font-size: 10px;
        font-weight: 500;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        letter-spacing: .15em;
        cursor: pointer;
    }

        header .user-area .login-button:hover {
            background: #fff;
            color: #604392;
            text-decoration: none;
        }

@media (max-width: 1024px) {
    header .user-area {
        display: none;
    }
}

header .header-nav {
    float: right;
    margin-top: 32px;
    font-size: 12px;
}

    header .header-nav a:hover {
        text-decoration: none;
    }

    header .header-nav a, header .header-nav .sub-nav-head {
        color: #fff;
        font-weight: 500;
        padding: 10px 15px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        cursor: pointer;
    }

    header .header-nav ul {
        padding: 0;
    }

        header .header-nav ul li {
            float: left;
            position: relative;
            margin-right: 10px;
            padding-bottom: 12px;
        }

            header .header-nav ul li::before {
                content: '';
                width: 3px;
                height: 1px;
                position: absolute;
                left: 50%;
                bottom: 0;
                margin-left: -1px;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                -ms-transition: all 0.3s linear;
                -o-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }

            header .header-nav ul li.current::before {
                height: 3px;
                background: #a5151c;
            }

            header .header-nav ul li .sub-nav {
                display: none;
                min-width: 250px;
                position: absolute;
                left: 0;
                top: 24px;
                background: #604392;
                padding: 0 10px 10px 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-border-radius: 0 5px 5px 5px;
                -moz-border-radius: 0 5px 5px 5px;
                -ms-border-radius: 0 5px 5px 5px;
                border-radius: 0 5px 5px 5px;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
                opacity: 0;
            }

                header .header-nav ul li .sub-nav li {
                    width: 100%;
                    margin: 0;
                    padding: 10px 5px;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    border-bottom: 1px dotted rgba(255,255,255,0.2);
                }

                    header .header-nav ul li .sub-nav li:last-child {
                        border: none;
                    }

                    header .header-nav ul li .sub-nav li a {
                        font-weight: 400;
                        padding: 10px 0;
                        font-size: 11px;
                        color: rgba(255,255,255,0.7);
                    }

                        header .header-nav ul li .sub-nav li a:hover {
                            color: #fff;
                        }

                header .header-nav ul li .sub-nav .sub-nav {
                    top: 0;
                    left: 230px;
                    background: #553b81;
                }

                header .header-nav ul li .sub-nav .sub-nav-head {
                    padding: 0;
                }

            header .header-nav ul li:hover::before {
                width: 50%;
                left: 25%;
                background: #a5151c;
            }

            header .header-nav ul li:hover.current::before {
                width: 3px;
                background: #604392;
            }

            header .header-nav ul li:hover > .sub-nav-head {
                -webkit-animation: sub-nav-head-hover 0.3s both linear;
                -moz-animation: sub-nav-head-hover 0.3s both linear;
                -o-animation: sub-nav-head-hover 0.3s both linear;
                animation: sub-nav-head-hover 0.3s both linear;
            }

            header .header-nav ul li:hover > .sub-nav {
                display: block;
                -webkit-animation: sub-nav-hover 0.3s both linear;
                -moz-animation: sub-nav-hover 0.3s both linear;
                -o-animation: sub-nav-hover 0.3s both linear;
                animation: sub-nav-hover 0.3s both linear;
            }

                header .header-nav ul li:hover > .sub-nav li:hover::before {
                    display: none;
                }

@media (max-width: 1440px) {
    header .header-nav ul li {
        margin-right: 0;
    }
}

@media (max-width: 1024px) {
    header .header-nav {
        display: none;
    }
}

header .hamburger {
    width: 28px;
    height: 22px;
    float: right;
    margin: 30px 20px 0 0;
    position: relative;
    z-index: 999;
    cursor: pointer;
    display: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

    header .hamburger:before {
        content: '';
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    header .hamburger:after {
        content: '';
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    header .hamburger span {
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1px;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

@media (max-width: 1024px) {
    header .hamburger {
        display: block;
    }
}

.home-slider {
    width: 100%;
    height: 100vh;
    float: left;
    position: relative;
    overflow: hidden;
}

    .home-slider .slider {
        width: 100%;
        float: left;
        background: #422f63;
    }

        .home-slider .slider .rslides {
            width: 100%;
            float: left;
            position: relative;
            list-style: none;
            overflow: hidden;
            padding: 0;
            margin: 0;
        }

            .home-slider .slider .rslides li {
                -webkit-backface-visibility: hidden;
                position: absolute;
                display: none;
                width: 100%;
                left: 0;
                top: 0;
            }

                .home-slider .slider .rslides li:first-child {
                    position: relative;
                    display: block;
                    float: left;
                }

            .home-slider .slider .rslides img {
                width: 100%;
                float: left;
            }

            .home-slider .slider .rslides .image {
                width: 100%;
                height: 1080px;
                float: left;
                position: relative;
            }

@media (max-width: 1280px) {
    .home-slider .slider .rslides .image img {
        width: 1920px;
        float: none;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -960px;
    }
}

.home-slider .slider .rslides_nav {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 35%;
    margin-top: -34px;
    background: rgba(255,255,255,0.1);
    z-index: 2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .home-slider .slider .rslides_nav::before {
        content: '';
        width: 68px;
        height: 68px;
        display: block;
        background: url("../img/arrow.svg") no-repeat center;
        opacity: .5;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .home-slider .slider .rslides_nav.prev {
        left: 0;
    }

        .home-slider .slider .rslides_nav.prev:hover {
            background: #9b350d;
        }

    .home-slider .slider .rslides_nav.next {
        right: 0;
    }

        .home-slider .slider .rslides_nav.next::before {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .home-slider .slider .rslides_nav.next:hover {
            background: #b35900;
        }

    .home-slider .slider .rslides_nav:hover::before {
        opacity: 1;
    }

@media (max-width: 768px) {
    .home-slider .slider .rslides_nav {
        top: 40%;
    }
}

.home-slider .slider .caption {
    width: 100%;
    position: absolute;
    left: 0;
    top: 30%;
    text-align: center;
    color: #fff;
}

    .home-slider .slider .caption .bigger {
        width: 100%;
        float: left;
        position: relative;
        font-size: 48px;
        font-weight: 300;
        margin-bottom: 80px;
    }


        .home-slider .slider .caption .bigger::after {
            content: '';
            width: 34px;
            height: 5px;
            position: absolute;
            left: 50%;
            bottom: -40px;
            background: #a5151c;
            margin-left: -17px;
        }

@media (max-width: 1920px) {
    .home-slider .slider .caption {
        top: 25%;
    }
}

@media (max-width: 1440px) {
    .home-slider .slider .caption .bigger {
        font-size: 24px;
        margin-bottom: 60px;
    }

        .home-slider .slider .caption .bigger::after {
            bottom: -30px;
        }
}

@media (max-width: 768px) {
    .home-slider .slider .caption .bigger {
        font-size: 28px;
    }
}

.home-slider .slider .caption .smaller {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 300;
}

@media only all and (min-width: 1600px) and (min-height: 1200px) {
    .home-slider .slider .caption {
        top: 30%;
    }
}

@media only all and (max-width: 1600px) and (max-height: 900px) {
    .home-slider .slider .caption {
        top: 15%;
    }
}

@media (max-width: 1440px) {
    .home-slider .slider .caption {
        top: 20%;
    }
}

@media (max-width: 768px) {
    .home-slider .slider .caption {
        top: 20%;
    }
}

.home-slider .gradution-card-appeal {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

    .home-slider .gradution-card-appeal .appeal {
        width: 290px;
        height: 400px;
        position: absolute;
        left: 50%;
        bottom: 120px;
        background: #422f63;
        margin-left: -145px;
    }

        .home-slider .gradution-card-appeal .appeal::before {
            content: "";
            width: 100%;
            height: 50px;
            position: absolute;
            left: 0;
            bottom: -50px;
            opacity: .3;
            background: url("../img/card-shadow.png") no-repeat center top;
        }

        .home-slider .gradution-card-appeal .appeal .heading {
            width: 100%;
            float: left;
            text-align: center;
            margin: 30px 0 0 0;
            opacity: .5;
            font-weight: 600;
            font-size: 18px;
            color: #fff;
            letter-spacing: 0;
        }

        .home-slider .gradution-card-appeal .appeal .card {
            width: 180px;
            height: 115px;
            float: left;
            margin: 30px 0 0 55px;
            background: #672725;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            border-radius: 10px;
            -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
            -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
            overflow: hidden;
            position: relative;
        }

            .home-slider .gradution-card-appeal .appeal .card img {
                width: 100%;
            }

@media (max-width: 1440px) {
    .home-slider .gradution-card-appeal .appeal {
        height: 150px;
        bottom: 150px;
    }

        .home-slider .gradution-card-appeal .appeal .card {
            display: none;
        }

        .home-slider .gradution-card-appeal .appeal .text {
            display: none;
        }

        .home-slider .gradution-card-appeal .appeal .button {
            margin-top: 20px;
        }
}

/*.home-slider .gradution-card-appeal .appeal .card::before {
    content: '';
    width: 61px;
    height: 61px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../img/card.png") no-repeat center;
}*/

.home-slider .gradution-card-appeal .appeal .text {
    width: 100%;
    height: 90px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    opacity: .5;
    line-height: 24px;
    letter-spacing: 0;
    margin-top: 40px;
}

.home-slider .gradution-card-appeal .appeal .button {
    width: 130px;
    height: 44px;
    float: left;
    background: #604392;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 44px;
    text-align: center;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    -ms-border-radius: 44px;
    border-radius: 44px;
    margin-left: 80px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .home-slider .gradution-card-appeal .appeal .button:hover {
        background: #6b4ba3;
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    }

@media only all and (min-width: 1600px) and (min-height: 1200px) {
    .home-slider .gradution-card-appeal .appeal {
        bottom: 30%;
    }
}

@media (max-width: 1440px) {
    .home-slider .gradution-card-appeal .appeal {
        bottom: 90px;
    }
}

.home-slider .gradution-card-appeal::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -25%;
    background: #4b223b;
    -webkit-transform: skew(0deg, -6deg);
    -moz-transform: skew(0deg, -6deg);
    -ms-transform: skew(0deg, -6deg);
    -o-transform: skew(0deg, -6deg);
    transform: skew(0deg, -6deg);
}



@media only all and (min-width: 1600px) and (min-height: 1200px) {
    .home-slider .gradution-card-appeal::before {
        bottom: -15%;
    }
}

.home-slider .page-down {
    width: 100px;
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin-left: -50px;
    z-index: 2;
    text-align: center;
}

    .home-slider .page-down .mouse {
        width: 18px;
        height: 28px;
        display: inline-block;
        border: 2px solid #fff;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        -ms-border-radius: 18px;
        border-radius: 18px;
        margin-bottom: 10px;
    }

        .home-slider .page-down .mouse .ball {
            width: 2px;
            height: 6px;
            float: left;
            background: #fff;
            margin-left: 6px;
            margin-top: 6px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            border-radius: 2px;
            -webkit-animation: mouse-ball 1s linear both infinite;
            -moz-animation: mouse-ball 1s linear both infinite;
            -o-animation: mouse-ball 1s linear both infinite;
            animation: mouse-ball 1s linear both infinite;
        }

    .home-slider .page-down .text {
        font-size: 11px;
        color: #fff;
        font-weight: 300;
    }

.featured-graduates {
    width: 100%;
    float: left;
    position: relative;
    margin-top: -20%;
    z-index: 3;
}

@media only all and (max-width: 1440px) {
    .featured-graduates {
        margin-top: -25%;
    }
}

@media only all and (max-width: 768px) {
    .featured-graduates {
        margin-top: -45%;
    }
}

@media only all and (max-width: 360px) {
    .featured-graduates {
        margin-top: -65%;
    }
}

.featured-graduates::before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 25%;
    background: #4b223b;
    -webkit-transform: skew(0deg, 4deg);
    -moz-transform: skew(0deg, 4deg);
    -ms-transform: skew(0deg, 4deg);
    -o-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    z-index: -1;
}

@media only all and (max-width: 1440px) {
    .featured-graduates::before {
        top: 18%;
    }
}

.featured-graduates .list {
    margin-top: 80px;
}

    .featured-graduates .list .item {
        width: 33.3%;
        float: left;
    }

        .featured-graduates .list .item .photo {
            width: 100px;
            height: 100px;
            display: block;
            margin: 40px auto 0 auto;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            border-radius: 100%;
            overflow: hidden;
        }

            .featured-graduates .list .item .photo img {
                width: 100%;
                display: block;
            }

        .featured-graduates .list .item .name, .featured-graduates .list .item .job {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            margin-top: 30px;
        }

        .featured-graduates .list .item .job {
            font-size: 12px;
            font-weight: 400;
            margin-top: 15px;
        }

        .featured-graduates .list .item .text {
            width: 100%;
            height: 80px;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 25px;
            font-size: 12px;
            color: #fff;
            opacity: .5;
            line-height: 18px;
            margin-top: 40px;
            overflow: hidden;
        }

@media (max-width: 1440px) {
    .featured-graduates .list .item .text {
        margin-top: 25px;
    }
}

.featured-graduates .list .item .more {
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0;
}

    .featured-graduates .list .item .more a::before {
        content: '';
        width: 8px;
        height: 8px;
        display: inline-block;
        background: #fff;
        opacity: .5;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        margin: 0 5px;
    }

    .featured-graduates .list .item .more a span {
        content: '';
        width: 8px;
        height: 8px;
        display: inline-block;
        background: #fff;
        opacity: .5;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        margin: 0 5px;
    }

    .featured-graduates .list .item .more a::after {
        content: '';
        width: 8px;
        height: 8px;
        display: inline-block;
        background: #fff;
        opacity: .5;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        margin: 0 5px;
    }

    .featured-graduates .list .item .more a:hover::before {
        -webkit-animation: more-circle 0.3s both linear infinite;
        -moz-animation: more-circle 0.3s both linear infinite;
        -o-animation: more-circle 0.3s both linear infinite;
        animation: more-circle 0.3s both linear infinite;
    }

    .featured-graduates .list .item .more a:hover span {
        -webkit-animation: more-circle 0.3s 0.1s both linear infinite;
        -moz-animation: more-circle 0.3s 0.1s both linear infinite;
        -o-animation: more-circle 0.3s 0.1s both linear infinite;
        animation: more-circle 0.3s 0.1s both linear infinite;
    }

    .featured-graduates .list .item .more a:hover::after {
        -webkit-animation: more-circle 0.3s 0.2s both linear infinite;
        -moz-animation: more-circle 0.3s 0.2s both linear infinite;
        -o-animation: more-circle 0.3s 0.2s both linear infinite;
        animation: more-circle 0.3s 0.2s both linear infinite;
    }

.featured-graduates .list .item:nth-child(1) {
    background: #13574d;
}

.featured-graduates .list .item:nth-child(2) {
    background: #992202;
}

.featured-graduates .list .item:nth-child(3) {
    background: #2c4501;
}

.featured-graduates .list .item:nth-child(4) {
    background: #b35900;
}

.featured-graduates .list .item:nth-child(5) {
    background: #9b350d;
}

.featured-graduates .list .item:nth-child(6) {
    background: #122c45;
}

@media (max-width: 768px) {
    .featured-graduates .list .item {
        width: 50%;
    }
}

@media (max-width: 576px) {
    .featured-graduates .list .item {
        width: 100%;
    }
}

.featured-graduates .list-more {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #661421;
    margin: 20px 0 130px 0;
}

    .featured-graduates .list-more a {
        color: #661421;
        font-weight: 600;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

        .featured-graduates .list-more a:hover {
            color: #b35900;
        }

.home-box {
    margin-bottom: 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .home-box .heading {
        width: 100%;
        float: left;
        font-weight: 600;
        font-size: 18px;
        position: relative;
        text-align: center;
    }

        .home-box .heading::before {
            content: '';
            width: 40px;
            height: 5px;
            position: absolute;
            left: 50%;
            bottom: -20px;
            margin-left: -20px;
            background: #000;
        }

    .home-box .more {
        width: 100%;
        float: left;
        font-size: 12px;
        text-align: center;
        margin: 33px 0;
    }

    .home-box .list {
        width: 100%;
        float: left;
    }

        .home-box .list .item {
            width: 100%;
            float: left;
            position: relative;
            margin-bottom: 3px;
        }

            .home-box .list .item .headline {
                height: 100px;
                display: table;
            }

                .home-box .list .item .headline a {
                    display: table-cell;
                    vertical-align: middle;
                    font-size: 13px;
                    font-weight: 500;
                    color: #212121;
                    line-height: 24px;
                }

                    .home-box .list .item .headline a:hover {
                        text-decoration: underline;
                    }

            .home-box .list .item .day {
                width: 100px;
                height: 100px;
                float: left;
                background: #000;
                text-align: center;
                color: #fff;
                margin-right: 15px;
            }

                .home-box .list .item .day .numb {
                    width: 100%;
                    float: left;
                    font-size: 42px;
                    font-weight: 300;
                    margin-top: 15px;
                }

                .home-box .list .item .day .month {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    font-weight: 500;
                }

            .home-box .list .item:nth-child(odd) .day {
                background: #1a1a1a;
            }

    .home-box.activities {
        width: 66.6%;
        float: left;
        padding-right: 60px;
    }

        .home-box.activities .heading {
            color: #9b350d;
        }

            .home-box.activities .heading::before {
                background: #9b350d;
            }

        .home-box.activities .more a {
            color: #9b350d;
        }

        .home-box.activities .item .day {
            background: #9b350d;
        }

        .home-box.activities .item:nth-child(odd) .day {
            background: #b33d0f;
        }

    .home-box.photos {
        width: 100%;
        float: right;
    }

        .home-box.photos .heading {
            color: #13574d;
        }

            .home-box.photos .heading::before {
                background: #13574d;
            }

        .home-box.photos .more a {
            color: #13574d;
        }

        .home-box.photos .item {
            width: 228px;
            height: 150px;
            overflow: hidden;
            margin: 0;
        }

            .home-box.photos .item a::before {
                content: '';
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
                -webkit-transform: translateY(-100%);
                -moz-transform: translateY(-100%);
                -ms-transform: translateY(-100%);
                -o-transform: translateY(-100%);
                transform: translateY(-100%);
                background: #b35900;
                opacity: .5;
                z-index: 2;
            }

            .home-box.photos .item img {
                width: 100%;
                float: left;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
            }

            .home-box.photos .item:hover a::before {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0);
            }

            .home-box.photos .item:hover img {
                -webkit-transform: scale(1.2, 1.2);
                -moz-transform: scale(1.2, 1.2);
                -ms-transform: scale(1.2, 1.2);
                -o-transform: scale(1.2, 1.2);
                transform: scale(1.2, 1.2);
            }

    .home-box.announcements {
        width: 66.6%;
        float: left;
        padding-right: 60px;
    }

        .home-box.announcements .heading {
            color: #173959;
        }

            .home-box.announcements .heading::before {
                background: #173959;
            }

        .home-box.announcements .more a {
            color: #173959;
        }

        .home-box.announcements .item .day {
            background: #122c45;
        }

        .home-box.announcements .item:nth-child(odd) .day {
            background: #173959;
        }

    .home-box.links {
        width: 33.3%;
        float: right;
    }

        .home-box.links .heading {
            color: #b35900;
        }

            .home-box.links .heading::before {
                background: #b35900;
            }

        .home-box.links .more a {
            color: #b35900;
        }

        .home-box.links ul {
            width: 100%;
            float: left;
        }

            .home-box.links ul li {
                width: 100%;
                float: left;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding: 10px 0 10px 15px;
                position: relative;
                line-height: 24px;
                font-weight: 500;
                font-size: 14px;
            }

                .home-box.links ul li::before {
                    content: "";
                    width: 5px;
                    height: 5px;
                    position: absolute;
                    left: 0;
                    top: 19px;
                    -webkit-border-radius: 100%;
                    -moz-border-radius: 100%;
                    -ms-border-radius: 100%;
                    border-radius: 100%;
                    background: #b35900;
                }

                .home-box.links ul li a {
                    color: #455a64;
                }

                    .home-box.links ul li a:hover {
                        color: #992202;
                    }

    .home-box.socials {
        width: 33.3%;
        float: right;
    }

        .home-box.socials .heading {
            color: #b35900;
        }

            .home-box.socials .heading::before {
                background: #b35900;
            }

        .home-box.socials .more a {
            color: #b35900;
        }

        .home-box.socials ul {
            width: 100%;
            float: left;
        }

        .home-box.socials .tab-area {
            width: 100%;
            float: left;
        }

            .home-box.socials .tab-area .tab-head {
                width: 100%;
                height: 30px;
                float: left;
            }

                .home-box.socials .tab-area .tab-head ul li {
                    width: 25%;
                    height: 31px;
                    float: left;
                    font-size: 11px;
                    text-align: center;
                    border: 1px solid #fff;
                    line-height: 30px;
                    background: #fff;
                    border-radius: 3px 3px 0 0;
                    font-weight: 500;
                }

                    .home-box.socials .tab-area .tab-head ul li:nth-child(1) {
                        color: #004a85;
                    }

                    .home-box.socials .tab-area .tab-head ul li:nth-child(2) {
                        color: #18a5ba;
                    }

                    .home-box.socials .tab-area .tab-head ul li:nth-child(3) {
                        color: #2c668e;
                    }

                    .home-box.socials .tab-area .tab-head ul li:nth-child(4) {
                        color: #009fff;
                    }

                    .home-box.socials .tab-area .tab-head ul li:hover {
                        border-left-color: #e8e8e8;
                        border-top-color: #e8e8e8;
                        border-right-color: #e8e8e8;
                        cursor: pointer;
                    }

                    .home-box.socials .tab-area .tab-head ul li.current {
                        border-left-color: #ccc;
                        border-top-color: #ccc;
                        border-right-color: #ccc;
                        position: relative;
                    }

            .home-box.socials .tab-area .tab-content {
                width: 100%;
                float: left;
                border: 1px solid #ccc;
                border-radius: 2px 2px 3px 3px;
                box-sizing: border-box;
                padding: 20px 10px 10px 10px;
                font-size: 11px;
            }

                .home-box.socials .tab-area .tab-content .more {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-size: 10px;
                    margin: 0 0 10px 0;
                    color: #555;
                }

                .home-box.socials .tab-area .tab-content ul {
                    width: 100%;
                    float: left;
                    margin: 0;
                }

                    .home-box.socials .tab-area .tab-content ul li {
                        width: 100%;
                        float: left;
                        margin-bottom: 15px;
                        padding-bottom: 15px;
                        text-align: left;
                        border-bottom: 1px solid #f5f5f5;
                    }

                        .home-box.socials .tab-area .tab-content ul li .headline {
                            float: left;
                            margin-right: 5px;
                            font-size: 10px;
                            font-weight: 500;
                            text-indent: 20px;
                            line-height: 24px;
                        }

                        .home-box.socials .tab-area .tab-content ul li .time {
                            float: left;
                            font-size: 10px;
                            color: #666;
                            line-height: 24px;
                        }

                        .home-box.socials .tab-area .tab-content ul li .post {
                            width: 100%;
                            float: left;
                            margin-top: 5px;
                            line-height: 18px;
                        }

                .home-box.socials .tab-area .tab-content .fb-cont {
                    width: 100%;
                    float: left;
                }

                    .home-box.socials .tab-area .tab-content .fb-cont .headline {
                        background: url("../img/facebookIco1.png") no-repeat left center;
                        color: #004a85;
                    }

                .home-box.socials .tab-area .tab-content .tw-cont {
                    width: 100%;
                    float: left;
                }

                    .home-box.socials .tab-area .tab-content .tw-cont .headline {
                        background: url("../img/twitterIco1.png") no-repeat left center;
                        color: #18a5ba;
                    }

                .home-box.socials .tab-area .tab-content .ins-cont {
                    width: 100%;
                    float: left;
                }

                    .home-box.socials .tab-area .tab-content .ins-cont .headline {
                        background: url("../img/instagramIco1.png") no-repeat left center;
                        color: #2c668e;
                    }

                    .home-box.socials .tab-area .tab-content .ins-cont .post {
                    }

                        .home-box.socials .tab-area .tab-content .ins-cont .post img {
                            width: 100%;
                            float: left;
                            margin-top: 5px;
                        }

                .home-box.socials .tab-area .tab-content .li-cont {
                    width: 100%;
                    float: left;
                }

                    .home-box.socials .tab-area .tab-content .li-cont .headline {
                        color: #009fff;
                    }

                    .home-box.socials .tab-area .tab-content .li-cont .IN-widget {
                        width: 100%;
                        float: left;
                        border: none !important;
                        margin-bottom: 10px;
                    }

                    .home-box.socials .tab-area .tab-content .li-cont iframe {
                        width: 100% !important;
                        float: left;
                        margin-left: -5px;
                        margin-top: -10px;
                    }




@media (max-width: 768px) {
    .home-box {
        width: 100% !important;
        padding: 0 !important;
    }
}

.socials-ico-list {
    width: 100%;
    float: left;
    text-align: center;
}

    .socials-ico-list a {
        width: 70px;
        height: 70px;
        display: inline-block;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

        .socials-ico-list a:hover {
            -webkit-transform: translateY(-5px);
            -moz-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            -o-transform: translateY(-5px);
            transform: translateY(-5px);
        }

        .socials-ico-list a.linkedin {
            background: #0277bd;
        }

        .socials-ico-list a.facebook {
            background: #0d47a1;
        }

        .socials-ico-list a.twitter {
            background: #00b8d4;
        }

        .socials-ico-list a.instagram {
            background: #da2943;
        }

.content {
    width: 100%;
    min-height: 500px;
    float: left;
    background: #fff;
    z-index: 2;
    position: relative;
    margin-top: 160px;
}

    .content .page-heading {
        width: 100%;
        float: left;
        position: relative;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 45px;
    }

        .content .page-heading::before {
            content: '';
            width: 32px;
            height: 5px;
            position: absolute;
            left: 50%;
            bottom: 0;
            margin-left: -16px;
            background: #a5151c;
        }

        .content .page-heading h1 {
            font-size: 30px;
            color: #46092a;
        }

    .content article {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 35px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.05em;
    }

        .content article p {
            padding-bottom: 10px;
        }

        .content article table {
            width: 100%;
            font-size: 14px;
            margin: 15px 0;
        }

            .content article table caption {
                font-size: 16px;
                color: #911c2f;
                text-align: left;
                padding: 0 0 5px 0;
            }

            .content article table thead {
                background: #911c2f;
                color: #fff;
            }

                .content article table thead th, .content article table thead tr {
                    padding: 10px 5px;
                    font-weight: 500;
                }

            .content article table th, .content article table td {
                padding: 5px 10px;
                border-left: 2px solid #fff;
            }

            .content article table tbody tr:nth-child(even) {
                background: #f5f5f5;
            }

            .content article table tfoot {
                background: #4b223b;
                color: #fff;
            }

    .content ul, .content ol {
        width: 100%;
        float: left;
        margin: 10px 0;
        font-size: 14px;
        counter-reset: li;
        -webkit-padding-start: 0;
    }

        /*.content ul li, .content ol li {
            position: relative;
        }*/
        .content ul.bullet li, .content ol.bullet li {
            width: 100%;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 15px;
            position: relative;
            margin-bottom: 3px;
        }

        .content ol.bullet li {
            background: none;
            padding-left: 25px;
        }

        .content ol li:nth-child(odd) {
            background-color: #fafafa;
        }

        .content ol.bullet li:before {
            width: 20px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            content: counter(li);
            counter-increment: li;
            text-align: center;
            background: #911c2f;
            font-size: 12px;
            font-weight: 500;
            color: #fff;
        }

        .content ol li a {
            color: #911c2f;
        }

            .content ol li a:hover {
                color: #a5151c;
            }

        .content ul li:nth-child(odd) {
            background-color: #fafafa;
        }

        .content ul.bullet li::before {
            content: '';
            width: 5px;
            height: 5px;
            position: absolute;
            left: 5px;
            top: 10px;
            background: #911c2f;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            border-radius: 100%;
        }

        .content ul li a {
            color: #911c2f;
        }

            .content ul li a:hover {
                color: #a5151c;
            }

.gallery {
    width: 100%;
    float: left;
}

    .gallery .categories {
        width: 25%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
    }

        .gallery .categories .headline {
            width: 100%;
            float: left;
            font-size: 15px;
            font-weight: 600;
            color: #a5151c;
            margin-bottom: 10px;
        }

        .gallery .categories ul {
            width: 100%;
            float: left;
            list-style:none;
        }

            .gallery .categories ul li {
                width: 100%;
                float: left;
                margin-bottom: 10px;
                padding-bottom: 10px;
                border-bottom: 1px solid #f1f1f1;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding-left: 12px;
                position: relative;
                font-size: 13px;
                background: none !important;
            }

                .gallery .categories ul li::before {
                    content: '';
                    width: 3px;
                    height: 3px;
                    position: absolute;
                    left: 0;
                    top: 6px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    -ms-border-radius: 3px;
                    border-radius: 3px;
                    background: #a5151c;
                }

                .gallery .categories ul li a {
                    color: #422f63;
                    -webkit-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    -ms-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    transition: all 0.3s;
                    font-weight: 500;
                }

                    .gallery .categories ul li a:hover {
                        -webkit-transform: translateX(4px);
                        -moz-transform: translateX(4px);
                        -ms-transform: translateX(4px);
                        -o-transform: translateX(4px);
                        transform: translateX(4px);
                    }

                .gallery .categories ul li ul {
                    margin-top: 20px;
                    margin-bottom: 0;
                }

                    .gallery .categories ul li ul li:last-child {
                        font-size: 11px;
                    }

                    .gallery .categories ul li ul li:last-child {
                        border: none;
                    }

@media (max-width: 768px) {
    .gallery .categories {
        width: 100%;
    }
}

.gallery .albums {
    width: 75%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
}

    .gallery .albums .item {
        width: 33.3%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        position: relative;
        margin-bottom: 20px;
    }

        .gallery .albums .item .cover {
            width: 100%;
            height: 260px;
            float: left;
            background: #36051a;
            overflow: hidden;
        }

        .gallery .albums .item .edit {
            position: absolute;
            right: 20px;
            top: 10px;
            color: #fff;
            font-size: 22px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }


        .gallery .albums .item a:hover .edit {
            top: 15px;
            right: 30px;
        }



        .gallery .albums .item .cover img {
            width: 100%;
            min-height: 100%;
            float: left;
            opacity: .5;
            -webkit-transition: all 5s;
            -moz-transition: all 5s;
            -ms-transition: all 5s;
            -o-transition: all 5s;
            transition: all 5s;
        }

        .gallery .albums .item .name, .gallery .albums .featured-graduates .list .item .job, .featured-graduates .list .gallery .albums .item .job {
            width: 100%;
            height: 55px;
            position: absolute;
            left: 0;
            bottom: 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 20px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

            .gallery .albums .item .name span, .gallery .albums .featured-graduates .list .item .job span, .featured-graduates .list .gallery .albums .item .job span {
                width: 100%;
                height: 100%;
                float: left;
                background: #911c2f;
                color: #fff;
                font-size: 14px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
                padding: 5px;
            }

        .gallery .albums .item .total {
            position: absolute;
            left: 20px;
            bottom: 70px;
            color: #fff;
            font-weight: 600;
            font-size: 18px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

        .gallery .albums .item a:hover .cover img {
            -webkit-transform: scale(1.4, 1.4);
            -moz-transform: scale(1.4, 1.4);
            -ms-transform: scale(1.4, 1.4);
            -o-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
        }

        .gallery .albums .item a:hover .name, .gallery .albums .featured-graduates .list .item a:hover .job, .featured-graduates .list .gallery .albums .item a:hover .job {
            height: 65px;
        }

            .gallery .albums .item a:hover .name span, .gallery .albums .featured-graduates .list .item a:hover .job span, .featured-graduates .list .gallery .albums .item a:hover .job span {
                background: #9b350d;
            }

        .gallery .albums .item a:hover .total {
            bottom: 80px;
        }

@media (max-width: 768px) {
    .gallery .albums .item {
        width: 50%;
    }
}

@media (max-width: 576px) {
    .gallery .albums .item {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .gallery .albums {
        width: 100%;
        padding: 0;
    }
}

.gallery .list {
    width: 75%;
    float: left;
}

    .gallery .list .item {
        width: 20%;
        height: 110px;
        float: left;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 10px;
        padding: 0 5px;
    }

        .gallery .list .item img {
            width: 100%;
            min-height: 100%;
            float: left;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

        .gallery .list .item:hover img {
            -webkit-transform: scale(1.2, 1.2);
            -moz-transform: scale(1.2, 1.2);
            -ms-transform: scale(1.2, 1.2);
            -o-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
        }

@media (max-width: 768px) {
    .gallery .list .item {
        width: 33.3%;
    }
}

@media (max-width: 576px) {
    .gallery .list .item {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .gallery .list {
        width: 100%;
    }
}

.graduated {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10%;
}

    .graduated .item {
        width: 100%;
        float: left;
        background: #fbfbfb;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 15px;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 20px 20px 55px;
    }

        .graduated .item:nth-child(odd) {
            background: #f6f6f6;
        }

        .graduated .item .photo {
            width: 70px;
            height: 70px;
            position: absolute;
            left: -45px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            border-radius: 100%;
            overflow: hidden;
            border: 10px solid #fff;
        }

            .graduated .item .photo img {
                width: 100%;
                float: left;
            }

        .graduated .item .name, .graduated .featured-graduates .list .item .job, .featured-graduates .list .graduated .item .job {
            width: 100%;
            float: left;
            font-size: 15px;
            margin-bottom: 5px;
            font-weight: 500;
            color: #992202;
        }

        .graduated .item .job {
            width: 100%;
            float: left;
            font-size: 13px;
            margin-bottom: 15px;
            font-weight: 500;
        }

        .graduated .item .text {
            width: 100%;
            float: left;
            font-size: 13px;
            line-height: 22px;
        }

footer {
    width: 100%;
    height: 175px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #911c2f;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    footer .logo-wrapper {
        width: 20%;
        height: 100%;
        float: left;
        background: #7c1828;
        text-align: center;
    }

        footer .logo-wrapper .footer-logo {
            width: 100%;
            float: left;
            text-align: center;
            margin-top: 45px;
        }

@media (max-width: 1024px) {
    footer .logo-wrapper .footer-logo {
        margin-top: 20px;
    }
}

footer .logo-wrapper .text {
    width: 100%;
    float: left;
    color: #fff;
}

    footer .logo-wrapper .text .bigger {
        width: 100%;
        float: left;
        font-size: 13px;
        font-weight: 500;
        margin-top: 10px;
    }

    footer .logo-wrapper .text .smaller {
        width: 100%;
        float: left;
        font-size: 11px;
        margin-top: 5px;
    }

@media (max-width: 1024px) {
    footer .logo-wrapper .text {
        display: none;
    }
}

@media (max-width: 1024px) {
    footer .logo-wrapper {
        width: 80px;
    }
}

footer .footer-nav {
    width: 60%;
    float: left;
    text-align: center;
    margin-top: 60px;
}

    footer .footer-nav li {
        display: inline-block;
        margin: 0 10px;
    }

@media (max-width: 1440px) {
    footer .footer-nav li {
        margin: 0 5px;
    }
}

@media (max-width: 1280px) {
    footer .footer-nav li {
        margin: 0 2px;
    }
}

footer .footer-nav a {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

@media (max-width: 1280px) {
    footer .footer-nav {
        margin-top: 40px;
    }
}

@media (max-width: 1024px) {
    footer .footer-nav {
        display: none;
    }
}

footer .copyright {
    width: 60%;
    float: left;
    text-align: center;
    margin-top: 30px;
    color: #fff;
    font-size: 11px;
    opacity: .5;
}

@media (max-width: 1024px) {
    footer .copyright {
        width: auto;
        float: left;
        opacity: 1;
        margin-left: 15px;
        text-align: left;
        line-height: 24px;
        margin-top: 20px;
    }
}

footer .user-area {
    width: 20%;
    height: 100%;
    float: right;
    background: #7c1828;
    text-align: center;
}

    footer .user-area .login-button {
        display: inline-block;
        padding: 10px 15px;
        color: #fff;
        border: 1px solid #fff;
        font-size: 10px;
        font-weight: 500;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        letter-spacing: .15em;
        margin: 60px 0 0 0;
    }

        footer .user-area .login-button:hover {
            background: #fff;
            color: #604392;
        }

    footer .user-area .forget-pass {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

        footer .user-area .forget-pass a {
            color: #fff;
            font-size: 10px;
            font-weight: 500;
        }

@media (max-width: 1024px) {
    footer .user-area {
        display: none;
    }
}

@media (max-width: 1024px) {
    footer {
        height: 80px;
    }
}

.mobile-menu {
    width: 30%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background: #140e1e;
    border-left: 5px solid #140e1e;
    z-index: 9999;
    display: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

    .mobile-menu.opened {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .mobile-menu ul {
        width: 100%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
    }

        .mobile-menu ul li {
            width: 100%;
            float: left;
            color: #fff;
            line-height: 32px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 15px;
            position: relative;
            margin-bottom: 10px;
            font-size: 12px;
        }

            .mobile-menu ul li::before {
                content: '';
                width: 4px;
                height: 4px;
                position: absolute;
                left: 0;
                top: 12px;
                background: #a5151c;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                -ms-border-radius: 100%;
                border-radius: 100%;
            }

            .mobile-menu ul li a {
                color: #fff;
            }

            .mobile-menu ul li li {
                border-bottom: 1px solid rgba(255,255,255,0.3);
                margin-bottom: 5px;
                padding-bottom: 5px;
            }

                .mobile-menu ul li li:last-child {
                    border: none;
                }

    .mobile-menu .user-area {
        width: 100%;
        float: left;
        text-align: center;
        margin: 30px 0;
    }

        .mobile-menu .user-area .login-button {
            padding: 10px 15px;
            color: #fff;
            border: 1px solid #fff;
            font-size: 12px;
            font-weight: 500;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            border-radius: 30px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            letter-spacing: .15em;
        }

            .mobile-menu .user-area .login-button:hover {
                background: #fff;
                color: #604392;
            }

@media (max-width: 1024px) {
    .mobile-menu {
        display: block;
    }
}

@media (max-width: 768px) {
    .mobile-menu {
        width: 50%;
    }
}

@media (max-width: 576px) {
    .mobile-menu {
        width: 70%;
    }
}

.opened-menu {
    -webkit-transform: translateX(-30%);
    -moz-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
    transform: translateX(-30%);
}

@media (max-width: 768px) {
    .opened-menu {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media (max-width: 576px) {
    .opened-menu {
        -webkit-transform: translateX(-70%);
        -moz-transform: translateX(-70%);
        -ms-transform: translateX(-70%);
        -o-transform: translateX(-70%);
        transform: translateX(-70%);
    }
}

@-webkit-keyframes sub-nav-hover {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes sub-nav-hover {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes sub-nav-hover {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes sub-nav-hover {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes sub-nav-head-hover {
    0% {
        background: transparent;
    }

    100% {
        background: #604392;
    }
}

@-moz-keyframes sub-nav-head-hover {
    0% {
        background: transparent;
    }

    100% {
        background: #604392;
    }
}

@-o-keyframes sub-nav-head-hover {
    0% {
        background: transparent;
    }

    100% {
        background: #604392;
    }
}

@keyframes sub-nav-head-hover {
    0% {
        background: transparent;
    }

    100% {
        background: #604392;
    }
}

@-webkit-keyframes mouse-ball {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes mouse-ball {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes mouse-ball {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes mouse-ball {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes more-circle {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes more-circle {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes more-circle {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes more-circle {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
/*# sourceMappingURL=main.css.map */

.space {
    width: 100%;
    float: left;
    margin: 5px 0;
}

.featured-graduates .list .item .photo {
    position: relative;
}

    .featured-graduates .list .item .photo img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        min-height: 100%;
    }

.field {
    width: 100%;
    float: left;
    background: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 20px;
}

    .field .headline {
        width: 100%;
        height: 40px;
        float: left;
        text-align: left;
        font-weight: 500;
        text-indent: 20px;
        line-height: 40px;
        background: #604392;
        color: #fff;
        border-radius: 5px 5px 0 0;
    }

    .field .field-content {
        width: 100%;
        float: left;
        box-sizing: border-box;
        padding: 20px;
        position:relative;
    }

.form .line {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 0 10px;
}

    .form .line.right {
        float: right;
    }

.form .line-half {
    width: 50%;
    float: left;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 0 10px;
}

    .form .line-half.right {
        float: right;
    }

.form .line-third {
    width: 33.33%;
    float: left;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 0 10px;
}

    .form .line-third.right {
        float: right;
    }

.form .line.border {
    border: 1px solid #d0d0d0;
    border-radius: 3px;
}

    .form .line.border label {
        height: auto;
        font-weight: 400;
        cursor: pointer;
        padding: 5px;
        position: relative;
    }

    .form .line.border input {
        opacity: 0;
    }

    .form .line.border label::before {
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        left: -18px;
        top: 11px;
        background: #fff;
        border-radius: 100%;
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
    }

    .form .line.border label::after {
        content: "";
        width: 9px;
        height: 9px;
        position: absolute;
        left: -15px;
        top: 14px;
        background: #0b8436;
        border-radius: 100%;
        opacity: 0;
    }

    .form .line.border input[type="checkbox"]:checked + label::after {
        opacity: 1;
    }

input[type=text], input[type=password], input[type=email], input[type=number], input[type=date], select, textarea {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0 10px;
    color: #757575;
    font-size: 12px;
}

textarea {
    width: 100%;
    min-height: 100px;
}

label {
    height: 30px;
    font-size: 12px;
    position: relative;
}

    label.radio {
        padding-left: 20px;
        margin-right: 20px;
        cursor: pointer;
    }

        label.radio input[type=radio] {
            position: absolute;
            left: 0;
            top: 0;
        }

.form .heading {
    width: 100%;
    float: left;
    color: #a5151c;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.btn {
    padding: 10px;
    display: inline-block;
    background: #888;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn:hover {
        background: #999;
        transform: translateY(-5px);
    }

    .btn.primary {
        background: #604392;
    }

    .btn.success {
        background: #0b8436;
    }

    .btn.danger {
        background: #ed1c24;
    }

    .btn.warning {
        background: #ff6600;
    }


.btn-round {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

    .btn-round.btn-lg {
        width: 48px;
        height: 48px;
    }

    .btn-round.btn-sm {
        width: 34px;
        height: 34px;
    }

    .btn-round.btn-xs {
        width: 24px;
        height: 24px;
    }

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.graduated .item .photo img {
    min-height: 100%;
}

.graduated .item .name a {
    color: #992202;
}

.alumni-photo {
    width: 25%;
    float: left;
    text-align: center;
    margin-right: 15px;
}

    .alumni-photo img {
        width: 100%;
        border-radius: 5px;
    }

article a {
    color: #0277bd;
}

.contact iframe {
    width: 100%;
    height: 300px;
    float: left;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 22px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 1px;
        right: 1px;
        top: 1px;
        bottom: 1px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #0b8436;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


.link-cap {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}

    .link-cap .image {
        width: 125px;
        height: 125px;
        float: left;
        margin-right: 10px;
    }

    .link-cap.link .image {
        background: url("../img/link.jpg") no-repeat center;
        background-size: 100%;
    }

    .link-cap.video .image {
        background: url("../img/video.jpg") no-repeat center;
        background-size: 100%;
    }

    .link-cap.doc .image {
        background: url("../img/dosya.jpg") no-repeat center;
        background-size: 100%;
    }

    .link-cap .text {
        height: 125px;
        display: table;
    }

        .link-cap .text a {
            display: table-cell;
            vertical-align: middle;
            color: #555;
        }

header .header-nav ul li {
    list-style: none;
}

.home-box.links ul li {
    list-style: none;
}

.home-box.socials ul li {
    list-style: none;
}

a.cancel {
    float: right;
    padding: 5px;
    color: #992202;
}
.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #911c2f; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

.loader-wrapper {
    width:100%;
    height:100%;
    position:absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    display:flex;
    justify-content:center;
    align-items: center;
    z-index:3;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}