@charset "UTF-8";
/*!
Developer: İsmail BİÇER
Description: İzinsiz Kopyalanması durumunda hukuki yaptırım hakları gizlidir.
Version: 1.0
!*/
a, body, hr, img {
    padding: 0
}

header, html {
    position: relative
}

.formAU .jspVerticalBar .jspArrow:focus, .mm-search input, a:focus, button:focus {
    outline: 0
}

.clear, .fc-clear, .mm-buttonbar:after {
    clear: both
}

.fc table, table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 300;
    src: local('Ubuntu Light'), local('Ubuntu-Light'), url(//fonts.gstatic.com/s/ubuntu/v8/WtcvfJHWXKxx4x0kuS1koRJtnKITppOI_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: Ubuntu;
    font-style: normal;
    font-weight: 300;
    src: local('Ubuntu Light'), local('Ubuntu-Light'), url(//fonts.gstatic.com/s/ubuntu/v8/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw.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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu'), url(//fonts.gstatic.com/s/ubuntu/v8/Wu5Iuha-XnKDBvqRwQzAG_esZW2xOQ-xsNqO47m55DA.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: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu'), url(//fonts.gstatic.com/s/ubuntu/v8/sDGTilo5QRsfWu6Yc11AXg.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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 500;
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(//fonts.gstatic.com/s/ubuntu/v8/gMhvhm-nVj1086DvGgmzBxJtnKITppOI_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: Ubuntu;
    font-style: normal;
    font-weight: 500;
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(//fonts.gstatic.com/s/ubuntu/v8/OsJ2DjdpjqFRVUSto6IffFtXRa8TVwTICgirnJhmVJw.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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 700;
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(//fonts.gstatic.com/s/ubuntu/v8/nsLtvfQoT-rVwGTHHnkeJhJtnKITppOI_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: Ubuntu;
    font-style: normal;
    font-weight: 700;
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(//fonts.gstatic.com/s/ubuntu/v8/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Ubuntu;
    font-style: italic;
    font-weight: 300;
    src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url(//fonts.gstatic.com/s/ubuntu/v8/DZ_YjBPqZ88vcZCcIXm6ViYE0-AqJ3nfInTTiDXDjU4.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: Ubuntu;
    font-style: italic;
    font-weight: 300;
    src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url(//fonts.gstatic.com/s/ubuntu/v8/DZ_YjBPqZ88vcZCcIXm6Vo4P5ICox8Kq3LLUNMylGO4.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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Ubuntu;
    font-style: italic;
    font-weight: 400;
    src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(//fonts.gstatic.com/s/ubuntu/v8/IZYv9ktJI5s8uIr0hWnbSBTbgVql8nDJpwnrE27mub0.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: Ubuntu;
    font-style: italic;
    font-weight: 400;
    src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(//fonts.gstatic.com/s/ubuntu/v8/WB6rgjTg_oRfj6mlXZJbb_esZW2xOQ-xsNqO47m55DA.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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Ubuntu;
    font-style: italic;
    font-weight: 500;
    src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'), url(//fonts.gstatic.com/s/ubuntu/v8/ohKfORL_YnhBMzkCPoIqwiYE0-AqJ3nfInTTiDXDjU4.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: Ubuntu;
    font-style: italic;
    font-weight: 500;
    src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'), url(//fonts.gstatic.com/s/ubuntu/v8/ohKfORL_YnhBMzkCPoIqwo4P5ICox8Kq3LLUNMylGO4.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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Ubuntu;
    font-style: italic;
    font-weight: 700;
    src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url(//fonts.gstatic.com/s/ubuntu/v8/OMD20Sg9RTs7sUORCEN-7SYE0-AqJ3nfInTTiDXDjU4.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: Ubuntu;
    font-style: italic;
    font-weight: 700;
    src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url(//fonts.gstatic.com/s/ubuntu/v8/OMD20Sg9RTs7sUORCEN-7Y4P5ICox8Kq3LLUNMylGO4.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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Serif'), local('NotoSerif'), url(//fonts.gstatic.com/s/notoserif/v4/fVu1p3782bqS2z-CaJvp9iEAvth_LlrfE80CYdSH47w.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: 'Noto Serif';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Serif'), local('NotoSerif'), url(//fonts.gstatic.com/s/notoserif/v4/eCpfeMZI7q4jLksXVRWPQ_k_vArhqVIZ0nv9q090hN8.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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(//fonts.gstatic.com/s/notoserif/v4/lJAvZoKA5NttpPc9yc6lPRHJTnCUrjaAm2S9z52xC3Y.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: 'Noto Serif';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(//fonts.gstatic.com/s/notoserif/v4/lJAvZoKA5NttpPc9yc6lPYWiMMZ7xLd792ULpGE4W_Y.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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Noto Serif';
    font-style: italic;
    font-weight: 400;
    src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url(//fonts.gstatic.com/s/notoserif/v4/HQXBIwLHsOJCNEQeX9kNzz0LW-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: 'Noto Serif';
    font-style: italic;
    font-weight: 400;
    src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url(//fonts.gstatic.com/s/notoserif/v4/HQXBIwLHsOJCNEQeX9kNz-gdm0LZdjqr5-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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Exo;
    font-style: normal;
    font-weight: 300;
    src: local('Exo Light'), local('Exo-Light'), url(//fonts.gstatic.com/s/exo/v4/Ac7tRg69GJ6m2yZQgmuMrfesZW2xOQ-xsNqO47m55DA.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: Exo;
    font-style: normal;
    font-weight: 300;
    src: local('Exo Light'), local('Exo-Light'), url(//fonts.gstatic.com/s/exo/v4/941bfrYtYbqlIetUPXD4ww.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, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Exo;
    font-style: normal;
    font-weight: 800;
    src: local('Exo ExtraBold'), local('Exo-ExtraBold'), url(//fonts.gstatic.com/s/exo/v4/EWKonhd1325JGM0ko5CWyfesZW2xOQ-xsNqO47m55DA.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: Exo;
    font-style: normal;
    font-weight: 800;
    src: local('Exo ExtraBold'), local('Exo-ExtraBold'), url(//fonts.gstatic.com/s/exo/v4/bxee2kBKNXMDa_dqwEq7Bg.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, U+E0FF, U+EFFD, U+F000
}

a, ins {
    text-decoration: none
}

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

body, html {
    height: 100%;
    min-height: 100%
}

hr, img {
    border: 0
}

a, img {
    margin: 0;
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    list-style: none;
    font-family: Ubuntu, sans-serif
}

ins, mark {
    background-color: #ff9;
    color: #000
}

body {
    font-size: 14px;
    overflow-x: hidden
}

#page {
    width: 100%;
    float: left;
    min-height: 100% !important;
    background: #fff
}

nav ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

a {
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    color: #444
}

a:hover {
    color: #9E141F
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

hr {
    height: 1px;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

input, select {
    vertical-align: middle
}

.biggerSearch, header {
    width: 100%;
    float: left
}

header {
    height: 40px;
    background: #9e141f
}

.biggerSearch {
    height: 70px;
    background: #004a85;
    margin: -70px 0 0
}

.biggerSearch .ico {
    width: 4.5%;
    height: 40px;
    float: left;
    background: url(../img/icons/ico1.png) center no-repeat;
    margin: 15px 0 0;
    border-right: 1px solid #fff;
    padding: 0 2% 0 0
}

.biggerSearch .typeText {
    width: 84%;
    height: 40px;
    float: left;
    line-height: 40px;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-indent: 3%;
    margin: 15px 0 0
}

.biggerSearch .typeSubmit {
    width: 7%;
    height: 40px;
    float: right;
    border-radius: 40px;
    background: #0070ca;
    border-bottom: 3px solid #0063b3;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    margin: 15px 2% 0 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.biggerSearch .typeSubmit:hover {
    background: #0083ec;
    border-bottom: 3px solid #0070ca
}

.biggerSearchOpened {
    margin: 0
}

.userArea {
    float: right
}

.userArea .loginButton, .userArea .searchButton {
    width: 40px;
    height: 40px;
    float: left;
    line-height: 40px;
    background: url(../img/icons/search.png) 10px center no-repeat #90101a;
    text-indent: -9999px;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    overflow: hidden
}

.userArea .loginButton {
    background: url(../img/icons/login.png) 11px center no-repeat #760710
}

.userArea .loginButton:hover, .userArea .searchButton:hover {
    background-color: #cf3638
}

.userArea .userProfile {
    min-width: 1px;
    width: auto;
    height: 40px;
    float: right;
    background: #241c1e;
    position: relative;
    padding-right: 30px;
    transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out
}

.userArea .userProfile .profileImg, .userArea .userProfile .profileImg img {
    width: 32px;
    height: 32px;
    float: left;
    border-radius: 32px
}

.userArea .userProfile .profileImg {
    margin: 4px 5px 0 8px;
    opacity: 0;
    transition: all .8s ease-in-out .3s;
    -webkit-transition: all .8s ease-in-out .3s;
    -moz-transition: all .8s ease-in-out .3s
}

.userArea .userProfile.expansion .profileImg {
    opacity: 1
}

.userArea .userProfile .name {
    min-width: 125px;
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 11px;
    color: #fff;
    padding: 0 5px;
    opacity: 0;
    transition: all .8s ease-in-out 1s;
    -webkit-transition: all .8s ease-in-out 1s;
    -moz-transition: all .8s ease-in-out 1s
}

.userArea .userProfile.expansion .name {
    opacity: 1
}

.userArea .userProfile .name a {
    color: #fff;
    font-weight: 700
}

.userArea .userProfile .logout {
    width: 30px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/icons/logout.png) center no-repeat #7a0b14;
    text-indent: -9999px;
    cursor: pointer;
    border: none
}

.userArea .userProfile .logout:hover {
    background: url(../img/icons/logout.png) center no-repeat #cb0e1d
}

.hiddenNav {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 10px
}

.hiddenNav ul li {
    width: 100%;
    float: left;
    text-indent: 10px;
    position: relative;
    padding: 0 0 5px
}

.hiddenNav ul li a {
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, .05);
    line-height: 36px;
    color: #fff
}

.hiddenNav ul li:nth-child(even) a {
    background: rgba(255, 255, 255, .1)
}

.hiddenNav ul li a:after {
    content: "";
    width: 30px;
    height: 36px;
    float: right;
    background: url(../img/icons/moreIcon.png) center no-repeat rgba(255, 255, 255, .1);
    transition: all .3s ease-in-out
}

.hiddenNav ul li a:hover {
    background: #9E141F;
    text-indent: 14px
}

.hiddenNav ul li a:hover:after {
    width: 36px
}

.topNav {
    float: right;
    margin: 0
}

.topNav ul li {
    float: left;
    position: relative;
    margin: 0 3px
}

.topNav ul li > a, .topNav ul li > span {
    float: left;
    font-size: 11px;
    color: #fff;
    font-weight: 300;
    line-height: 30px;
    padding: 5px 7px 0;
    border-bottom: 5px solid #9e141f
}

.topNav ul li a.selected, .topNav ul li a:hover, .topNav ul li span.selected, .topNav ul li span:hover {
    border-bottom: 5px solid #cb0e1d
}

.topNav span {
    cursor: default
}

.topNav ul li.sub {
    margin-right: 0
}

.topNav ul li.sub > a, .topNav ul li.sub > span {
    background: url(../img/icons/ico28.png) right 17px no-repeat;
    padding-right: 16px;
    border-right: 10px solid #9e141f
}

.topNav ul li.sub:hover a, .topNav ul li.sub:hover span {
    background: url(../img/icons/ico28.png) right 17px no-repeat #760710;
    border-color: #760710
}

.topNav ul li.sub ul {
    min-width: 240px;
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 30;
    background: #760710;
}

.bottomStrip, .headerLogo, .topNav ul li.sub ul li {
    float: left;
    position: relative
}

.topNav ul li.sub:hover > ul {
    display: block
}

.mm-opened .headerNav, .mm-opened .topNav, .panelToggle {
    display: none
}

.topNav ul li.sub ul li {
    width: 100%;
    margin: 0;
    background: 0 0
}

.topNav ul li.sub ul li a, .topNav ul li.sub ul li span {
    width: 100%;
    float: left;
    font-size: 12px;
    background: url(../img/icons/ico29.png) 5px center no-repeat !important;
    border: none !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px 5px 5px 19px
}

.topNav ul li.sub ul li:nth-child(even) a, .topNav ul li.sub ul li:nth-child(even) span {
    background: url(../img/icons/ico29.png) 5px center no-repeat #6f070f !important
}

.topNav ul li.sub ul li a:hover, .topNav ul li.sub ul li span:hover, .topNav ul li.sub ul li:hover a, .topNav ul li.sub ul li:hover span, .topNav ul li.sub ul li:nth-child(even) a:hover, .topNav ul li.sub ul li:nth-child(even) span:hover {
    background: url(../img/icons/ico29.png) 10px center no-repeat #1c1c1c !important;
    padding: 5px 5px 5px 24px
}

.topNav ul li.sub ul ul {
    width: 100%;
    right: -100%;
    top: 0;
    display: none;
}

.topNav ul li.sub ul li:hover ul {
    display: block;
}

.topNav ul li.sub ul li:hover ul li a:hover {
    background-color: #90101a !important;
}


.panelToggle {
    width: 40px;
    height: 40px;
    float: left;
    background: url(../img/icons/menuIco.png) center no-repeat;
    cursor: pointer;
    border: 0;
    text-indent: -9999px
}

.headerNav .first > li:hover, .subNav {
    background: #fff
}

.bottomStrip {
    width: 100%;
    height: 115px;
    z-index: 4
}

.headerLogo {
    z-index: 3;
    margin: 30px 0 0
}

.language {
    float: right;
    margin: 35px 0 0 100px
}

.language li {
    height: 12px;
    float: left;
    border-right: 1px solid #b0bec5;
    line-height: 8px
}

.language li:last-child {
    border: none
}

.language li a {
    color: #b0bec5;
    font-size: 12px;
    padding: 0 10px
}

.language li:last-child a {
    padding-right: 0
}

.language li a:hover {
    color: #fff !important
}

.headerNav {
    float: right;
    margin: 10px -10px 0 0
}

.headerNav .first {
    float: left;
    z-index: 3
}

.headerNav .first > li {
    padding: 10px 0 15px;
    display: inline-block
}

.headerNav .first > li > a {
    display: block;
    padding: 0 10px;
    font-size: 16px;
    color: #fff;
    line-height: 33px
}

.headerNav.aof .first > li > a {
    font-size: 15px
}

.headerNav .first > li:hover > a {
    color: #880712
}

.subNav {
    width: 100% !important;
    height: 0 !important;
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 115px;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .2)
}

.subNav .container {
    padding: 25px 0 0
}

.subNav ul {
    width: 100%;
    float: left;
    position: relative
}

.headerNav .first > li:hover .subNav {
    height: 315px !important;
    opacity: 1;
    filter: alpha(opacity=100)
}

.subNav .photo {
    width: 23.1%;
    float: left;
    margin: 10px 0 0
}

.subNav .photo figure {
    width: 100%;
    float: left
}

.subNav .photo figure img {
    width: 100%;
    display: block;
    border-radius: 5px
}

.subNav .photo .caption {
    width: 100%;
    height: 30px;
    float: left;
    background: #141414;
    color: #959595;
    line-height: 30px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    display: none
}

.subNav .quickMenu {
    width: 13.1%;
    float: right;
    margin: 15px 0 0 1%
}

.subNav .quickMenu ul, .subNav .quickMenu ul li {
    width: 100%;
    float: left
}

.subNav .quickMenu .headLine {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #444;
    font-weight: 500;
    text-indent: 13px;
    background: url(../img/icons/listIcon2.png) left center no-repeat
}

.subNav .quickMenu ul {
    margin: 10px 0 0
}

.subNav .quickMenu ul li a {
    float: left;
    color: #777;
    background: url(../img/icons/listIcon3.png) left center no-repeat;
    text-indent: 10px;
    margin: 0 0 0 10px;
    line-height: 25px
}

.subNav .quickMenu ul li a:hover, .subNav .shortMenu ul li a {
    background: url(../img/icons/listIcon1.png) left center no-repeat
}

.subNav .quickMenu ul li a:hover {
    color: #64050e
}

.subNav .shortMenu {
    width: 23%;
    float: left;
    margin: 0 0 0 2%
}

.subNav .shortMenu.medium {
    width: 60%
}

.subNav .shortMenu.medium .menu {
    width: 31.3%;
    float: left
}

.subNav .shortMenu ul, .subNav .shortMenu ul li {
    width: 100%;
    float: left
}

.subNav .shortMenu ul {
    margin: 10px 0 0
}

.subNav .shortMenu ul li a {
    float: left;
    color: #444;
    padding: 0 0 0 15px;
    margin: 5px 0 0 10px;
    line-height: 25px;
    font-weight: 500
}

.subNav .shortMenu ul li a:hover {
    background: url(../img/icons/listIcon3.png) left center no-repeat;
    color: #64050e;
    margin: 5px 0 0 5px
}

.subNav .shortMenu ul li span {
    float: left;
    color: #444;
    padding: 0 0 0 15px;
    margin: 5px 0 0 10px;
    line-height: 18px;
    font-weight: 500;
    background: url(../img/icons/listIcon1.png) left 5px no-repeat;
    cursor: pointer;
}

.subNav .shortMenu ul li ul {
    width: 100%;
    float: right;
    display: none;
    margin-top: 5px;
}

.subNav .shortMenu ul li ul.show {
    display: block;
}

.subNav .shortMenu ul li ul a {
    float: left;
    color: #444;
    padding: 0 0 0 15px;
    margin: 5px 0 0 10px;
    line-height: 18px;
    font-weight: 400;
    background: url(../img/icons/listIcon3.png) left center no-repeat;
    font-size: 13px;
}

.subNav .shortMenu ul li ul a:hover {
    color: #64050e;
    margin: 5px 0 0 10px;
}

.subNav .menus {
    width: 62.8%;
    float: left;
    margin: 10px 0 0
}

.subNav .menus.long {
    width: 85.8%
}

.subNav .menus .menu {
    width: 31.3%;
    float: left;
    padding: 5px 0 25px;
    border-right: 1px solid #e4e4e4;
    margin: 0 0 0 1.5%
}

.subNav .menus.medium .menu {
    height: 210px
}

.subNav .menus.long .menu {
    width: 30%;
    height: 242px;
    display: inline-block
}

.subNav .menus.long > .menu {
    padding: 5px 0 10px
}

.subNav .menus.long .block {
    width: 30%;
    display: inline-block;
    margin: 0 0 0 2.5%
}

.subNav .menus.long .block .menu {
    width: 100%;
    height: auto;
    float: left;
    display: block
}

.subNav .menus .headLine {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #444;
    font-weight: 500;
    text-indent: 13px;
    background: url(../img/icons/listIcon1.png) left center no-repeat
}

.subNav .menus ul {
    width: 100%;
    float: left;
    margin: 10px 0 0
}

.subNav .menus ul > ol {
    min-height: 190px
}

.subNav .menus ul li {
    width: 100%;
    float: left
}

.subNav .menus ul li a {
    float: left;
    color: #777;
    background: url(../img/icons/listIcon3.png) left 10px no-repeat;
    padding: 0 0 0 10px;
    margin: 0 0 0 5px;
    line-height: 25px;
    font-size: 13px
}

.subNav .menus ul li a:hover {
    background: url(../img/icons/listIcon1.png) left 10px no-repeat;
    color: #64050e;
    margin: 0 0 0 8px
}

.subNav .menus .menu > ol {
    width: 100%;
    float: left;
    text-align: center
}

.subNav .menus .menu > ol li {
    display: inline-block;
    margin: 0 4px
}

.subNav .menus .menu > ol li a {
    width: 18px;
    height: 18px;
    float: left;
    text-align: center;
    line-height: 18px;
    background: #f3f3f3;
    color: #555;
    font-size: 12px
}

.subNav .menus .menu > ol li a.selected {
    background: #004a85;
    color: #fff
}

.subNav .menus .menu > ol li a:hover {
    background: #9e141f;
    color: #fff
}

.subNav summary {
    width: 35%;
    height: 210px;
    margin: 10px 0 0;
    border: 1px solid #e4e4e4;
    border-top: none;
    border-bottom: none;
    padding: 10px 15px;
    display: inline-block;
    line-height: 24px;
    color: #777
}

.subNav summary span {
    width: 100%;
    float: left;
    margin: 10px 0 0
}

.main {
    width: 100%;
    float: left;
    margin-bottom: 500px;
    background: #fff
}

.mainSliderArea {
    width: 100%;
    min-height: 300px;
    float: left;
    overflow: hidden;
    position: relative;
    background: #282828
}

.mainSliderArea .rslides {
    width: 100%;
    position: relative;
    overflow: hidden
}

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

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

.mainSliderArea .rslides li .slide {
    width: 100%;
    float: left;
    position: relative
}

.mainSliderArea .image, .mainSliderArea .image figure {
    width: 100%;
    height: auto;
    float: left;
    display: block
}

.mainSliderArea .image figure img {
    width: 100%;
    height: auto;
    float: left
}

.mainSliderArea .shadow {
    width: 100%;
    height: 320px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/slideShadow.png) repeat-x;
    z-index: 2
}

.mainSliderArea .shadowBottom {
    width: 100%;
    height: 149px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/slideShadowBottom.png) repeat-x
}

.mainSliderArea .pattern {
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 10px;
    background: url(../img/sliderPattern.png) repeat-x;
    z-index: 2
}

.mainSliderArea .caption {
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 55%;
    text-align: center;
    color: #FFF;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 15px 10px 0;
    z-index: 3;
    animation: captionAnim 2s;
    -webkit-animation: captionAnim 2s;
    text-shadow: 0 3px 5px rgba(0, 0, 0, .3)
}

.mainSliderArea .caption.v2 {
    top: 40%
}

@keyframes captionAnim {
    from {
        margin-top: 50px;
        opacity: 0
    }
    to {
        margin-top: 0;
        opacity: 1
    }
}

@-webkit-keyframes captionAnim {
    from {
        margin-top: 30px;
        opacity: 0
    }
    to {
        margin-top: 0;
        opacity: 1
    }
}

.mainSliderArea .headLine {
    color: #fff;
    font-family: Exo, sans-serif;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: 2px
}

.mainSliderArea .headLine.v2 {
    font-size: 36px;
    line-height: 55px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .3)
}

.mainSliderArea .headLine.v2 strong {
    font-weight: 500
}

.mainSliderArea .caption .button {
    width: 260px;
    height: 50px;
    margin: 30px auto 0;
    background: url(../img/icons/sliderButton.png) 15px center no-repeat #cf3638;
    text-indent: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    line-height: 50px
}

.mainSliderArea .caption .button span {
    font-weight: 500
}

.mainSliderArea .caption .button:hover {
    background: url(../img/icons/sliderButton.png) 25px center no-repeat #ea3e41;
    text-indent: 25px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3)
}

.mainSliderArea summary {
    width: 100%;
    float: left;
    color: #fff;
    line-height: 24px;
    margin: 15px 0 0;
    font-weight: 300;
    font-size: 15px;
    font-family: Ubuntu, sans-serif;
    letter-spacing: 1px
}

.mainSliderArea .rslides_nav {
    width: 30px;
    height: 60px;
    position: absolute;
    text-indent: -9999px;
    top: 60%;
    margin: -30px 0 0;
    z-index: 3
}

.mainSliderArea .rslides_nav:hover {
    width: 45px
}

.mainSliderArea .rslides_nav.prev {
    border-right: 5px solid #000;
    background: url(../img/mainSliderArrowLeft.png) center no-repeat rgba(0, 0, 0, .7);
    left: 0
}

.mainSliderArea .rslides_nav.prev:hover {
    border-right: 5px solid #9e141f;
    background: url(../img/mainSliderArrowLeft.png) center no-repeat rgba(158, 20, 31, .7);
    left: 0
}

.mainSliderArea .rslides_nav.next {
    border-left: 5px solid #000;
    background: url(../img/mainSliderArrowRight.png) center no-repeat rgba(0, 0, 0, .7);
    right: 0
}

.mainSliderArea .rslides_nav.next:hover {
    border-left: 5px solid #9e141f;
    background: url(../img/mainSliderArrowRight.png) center no-repeat rgba(158, 20, 31, .7);
    right: 0
}

.middleBlock {
    width: 100%;
    height: auto;
    float: left;
    background: #141414
}

.middleBlock.v2 {
    width: 100%;
    min-height: 180px;
    background: url(../img/middleBlockV2.jpg) center top no-repeat #000;
    position: relative;
}

.middleBlock .borderTop {
    width: 100%;
    float: left
}

.middleBlock .borderTop ul {
    width: 1270px;
    margin: 0 auto;
    display: block
}

.middleBlock .borderTop ul li {
    width: 5.5%;
    height: 5px;
    float: left;
    background: #3d3d3d
}

.middleBlock .borderTop ul li:nth-child(even) {
    width: 3.9%;
    background: #555
}

.quickButtons {
    width: 36%;
    float: right;
    animation: quickButtonsAnim 2s;
    -webkit-animation: quickButtonsAnim 2s;
    opacity: 1;
    margin-bottom: 10px
}

@keyframes quickButtonsAnim {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes quickButtonsAnim {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.quickButtons li {
    width: 32%;
    height: 95px;
    float: left;
    position: relative;
    margin: 10px 0 0 1.3%
}

.quickButtons li a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    border-bottom: 5px solid #9e141f;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.quickButtons ul li a:hover {
    background: #9E141F;
    border-color: #141414;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .3);
    padding-bottom: 5px
}

.quickButtons ul li a span {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .2)
}

.announcements ul li, .countdown, .countdown .region .cw li {
    position: relative;
    float: left
}

.quickButtons ul li a .icon {
    width: 100%;
    height: 60px;
    float: left
}

.quickButtons ul li a .icon.student2 {
    background: url(../img/quick-list/orgun-icon.png) center no-repeat
}

.quickButtons ul li a .icon.library {
    background: url(../img/quick-list/kutuphane-icon.png) center no-repeat
}

.quickButtons ul li a .icon.webmail {
    background: url(../img/quick-list/eposta-icon.png) center no-repeat
}

.quickButtons ul li a .icon.ebys {
    background: url(../img/quick-list/ebys-icon.png) center no-repeat
}

.quickButtons ul li a .icon.phoneBook {
    background: url(../img/quick-list/rehber-icon.png) center no-repeat
}

.quickButtons ul li a .icon.academic-calendar {
    background: url(../img/quick-list/akademik-takvim-icon.png) center no-repeat
}

.quickButtons ul li a .icon.bbs {
    background: url(../img/quick-list/bbs-icon.png) center no-repeat
}

.quickButtons ul li a .icon.cafeteria {
    background: url(../img/quick-list/yemekhane-icon.png) center no-repeat
}
.quickButtons ul li a .icon.mergen {
    background: url(../img/quick-list/mergen.png) center no-repeat
}
.quickButtons ul li a .icon.dilkom {
    background: url(../img/quick-list/dilkom.png) center no-repeat
}

.quickButtons li figure {
    width: 100%;
    height: 95px;
    float: left;
    overflow: hidden
}

.quickButtons li figure img {
    width: 100%;
    min-height: 100%;
    float: left
}

.announcements-home {
    width: 64%;
    float: left;
    margin: 20px 0 0;
    animation: announcementsAnim 2s;
    -webkit-animation: announcementsAnim 2s;
    opacity: 1
}

@keyframes announcementsAnim {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes announcementsAnim {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.shortLinks {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.shortLinks > .headLine {
    width: 100%;
    float: left;
    color: #9e141f;
    padding: 0 0 12px;
    margin-bottom: 10px;
}

.shortLinks .list {
    width: 100%;
    float: left;
}

.shortLinks .item {
    width: 16.6%;
    float: left;
    background: #f1f1f1;
    text-align: center;
    position: relative;;
}

.shortLinks .item:nth-child(2), .shortLinks .item:nth-child(4), .shortLinks .item:nth-child(6), .shortLinks .item:nth-child(7), .shortLinks .item:nth-child(9), .shortLinks .item:nth-child(11), .shortLinks .item:nth-child(14), .shortLinks .item:nth-child(16), .shortLinks .item:nth-child(18) {
    background: #fafafa;
}

.shortLinks .item a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.shortLinks .item a:hover {
    background: #9f1722;
}

.shortLinks .ico {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -25px;
    background: transparent;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.shortLinks .item a:hover .ico {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    top: 20%;
}

.shortLinks .item .ico img {
    height: 70%;
    margin-top: 15%;
}

.shortLinks .item .headLine {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 15px;
    font-size: 13px;
}

.shortLinks .item a:hover .headLine {
    color: #fff;
}

.announcements .more {
    text-align: center;
    font-size: 12px;
    color: silver;
    padding: 5px 10px;
    margin: 0 5px;
}

.announcements ul li {
    width: 48%;
    min-height: 67px;
    margin-bottom: 15px;
    margin-right: 2%;
    padding: 0 0 17px;
    background: url(../img/divider1.png) left bottom repeat-x
}

.announcements ul li a {
    color: #888;
    font-size: 14px;
    line-height: 22px
}

.announcements ul li a:hover {
    color: #fff;
    text-decoration: underline
}

.announcements ul li .calendar {
    width: 70px;
    height: 67px;
    float: left;
    background: #242424;
    color: #fff;
    text-align: center;
    margin: 0 10px 0 0
}

.announcements .link {
    text-align: center;
    margin-top: -15px;
    float: left;
    width: 100%
}

.announcements ul li .calendar .date {
    width: 100%;
    height: 39px;
    float: left;
    background: #1e1e1e;
    border-top: 1px solid #2c2c2c;
    line-height: 39px;
    font-weight: 700;
    font-size: 30px;
    font-family: Noto, serif
}

.announcements ul li .calendar .month {
    width: 100%;
    float: left;
    line-height: 24px;
    font-family: Noto, serif
}

.announcements-home ul {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.announcements-home ul li {
    flex: 0 0 48%;
    margin-right: 2%;
    margin-bottom: 13px;
    padding-bottom: 13px;
    box-sizing: border-box;
    border-bottom: 1px dashed #272727;
}

.announcements-home ul li .calendar {
    width: 50px;
    height: 50px;
    float: left;
    background: #242424;
    color: #fff;
    text-align: center;
    margin: 0 10px 0 0
}

.announcements-home ul li .calendar .date {
    width: 100%;
    height: 30px;
    float: left;
    background: #1e1e1e;
    border-top: 1px solid #2c2c2c;
    line-height: 30px;
    font-weight: 700;
    font-size: 24px;
    font-family: Noto, serif
}

.announcements-home ul li .calendar .month {
    width: 100%;
    float: left;
    line-height: 20px;
    font-family: Noto, serif;
    font-size: 12px;
}

.announcements-home ul li a {
    color: #888;
    line-height: 22px;
    transition: all .3s;
}

.announcements-home ul li a:hover {
    color: #fff;
}

.announcements-home .links {
    width: 98%;
    float: left;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;

}

.announcements-home .links .item {
    flex: 0 0 50%;
}


.announcements-home .links .item a {
    width: 100%;
    float: left;
    text-align: center;
    color: #999;
    background: #1f1f1f;
    padding: 8px 0;
}

.announcements-home .links .item:first-child a {
    background: #292929;
}

.announcements-home .links .item a:hover {
    background: #d32d2d;
    color: #fff;
}


.countdown {
    width: 100%;
    margin-bottom: 50px;
}

form .countdown {
    margin: 0
}

.countdown .region {
    width: 100%;
    float: left;
    color: #555;
    text-align: center
}

.countdown .region .headLine {
    width: 100%;
    float: left;
    font-size: 17px;
    font-weight: 500;
    color: #9e141f;
    padding-bottom: 15px;
}

.countdown .region strong {
    font-weight: 600
}

.countdown .region .note {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #838383;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}

.countdown .region .note span {
    margin: 0 auto;
    background: #ebebeb;
    display: inline-block;
    padding: 5px 10px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.countdown .region .cw {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.countdown .region .cw li {
    width: 25%;
    padding: 0 0 15px
}

.countdown .region .cw li .top {
    width: 100%;
    float: left;
    font-family: Noto, serif;
    font-size: 36px;
    margin: 7px 0 0
}

.countdown .region .cw li .bottom {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #999;
    font-family: Noto, serif;
    font-style: italic;
    margin-top: 5px;
}

.countdown .region .cw li .b {
    width: 1px;
    height: 80px;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    right: 1px;
    top: 1px
}

.countdown .country {
    position: absolute;
    left: 0;
    top: 0
}

.countdown .country li {
    display: block
}

.formCountDown {
    width: 50%;
    float: left;
    line-height: 36px;
    text-align: center;
    border: 2px dashed #ccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.formCountDown.ended {
    border: 2px solid #d72c38;
    background: #e33743
}

.formCountDown .li {
    display: inline-block;
    margin: 0 3px;
    color: #d72c38
}

.formCountDown.ended .li {
    color: #fff
}

.aofQuickButtons {
    width: 100%;
    float: right
}

.aofQuickButtons ul {
    margin-top: 10px
}

.aofQuickButtons ul li {
    width: 11%;
    height: 130px;
    float: left;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 0px
}

.aofQuickButtons ul li a {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    padding: 0 0 20px
}

.aofQuickButtons ul li a:hover {
    background: #9E141F;
    border-color: #141414;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .3)
}

.pulse {
    box-shadow: 0 0 0 rgba(158, 20, 32, 0.4);
    animation: pulse 2.5s infinite;
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        background-color: transparent;
    }
    50% {
        background-color: rgba(158, 20, 31, .7);
    }
    100% {
        background-color: transparent;
    }
}

@keyframes pulse {
    0% {
        background-color: transparent;
    }
    50% {
        background-color: rgba(158, 20, 31, .7);
    }
    100% {
        background-color: transparent;
    }
}

.campusCol .image a, .campusLife .category .image a, .columnList .column .image a, .columnList .leftColumns .image a, .events .list .event .image a, .lastNews .list .new .image a, .ourUniversity .list .article .image a {
    box-shadow: inset 0 0 35px rgba(0, 0, 0, .3)
}

.aofQuickButtons ul li a span {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .3);
    opacity: 0
}

.aofQuickButtons ul li a .name {
    font-size: 13px
}

.rightSidebar .announcements .headLine, .rightSidebar .heading, .shortLinks > .headLine {
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #ebebeb
}

.aofQuickButtons ul li a .icon {
    width: 100%;
    height: 65px;
    float: left;
    background-size: 40px !important;
    margin-top: 15px
}

.aofQuickButtons ul li a .icon.login {
    background: url(../img/aofIcons/login.svg) center no-repeat;
    background-size: 26px !important;
}

.aofQuickButtons ul li a .icon.aof {
    background: url(../img/aofIcons/anadolu.svg) center no-repeat
}

.aofQuickButtons ul li a .icon.turkiye {
    background: url(../img/aofIcons/turkiyeIcon.png) center no-repeat
}

.aofQuickButtons ul li a .icon.global {
    background: url(../img/aofIcons/global.svg) center no-repeat
}

.aofQuickButtons ul li a .icon.calendar {
    background: url(../img/aofIcons/calendar.svg) center no-repeat
}

.aofQuickButtons ul li a .icon.portal {
    background: url(../img/aofIcons/portal.svg) center no-repeat
}

.aofQuickButtons ul li a .icon.kilavuz {
    background: url(../img/aofIcons/link_kilavuz.svg) center no-repeat
}

.aofQuickButtons ul li a .icon.suggestions {
    background: url(../img/aofIcons/suggestions.svg) center no-repeat
}

.aofQuickButtons ul li a .icon.dersMalzeme {
    background: url(../img/aofIcons/ders.svg) center no-repeat
}

.aofQuickButtons ul li a .icon.eBulten {
    background: url(../img/aofIcons/eBulten.svg) center no-repeat
}

.aofQuickButtons ul li a .icon.sinavUnite {
    background: url(../img/aofIcons/sinavUnite.svg) center no-repeat
}

.aofQuickButtons ul li a .icon.esertifika {
    background: url(../img/aofIcons/esertifika.svg) center no-repeat
}

.aofQuickButtons ul li a .icon.kitap-satis {
    background: url(../img/aofIcons/link_kitap_satisi-1.svg) center no-repeat
}

.aofQuickButtons ul li a .icon.aos-kayit {
    background: url(../img/aofIcons/link_aoskayit.svg) center no-repeat;
    margin-left: 5px;
}
.aofQuickButtons ul li a .icon.mergen {
    background: url(../img/aofIcons/mergen.svg) center no-repeat
}
.aofQuickButtons ul li a .icon.kirkyil {
    background: url(../img/aofIcons/40yil.png) center no-repeat
}

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

.fullSide {
    width: 100%;
    float: left;
    margin: 35px 0 0
}

.leftSidebar {
    width: 22.8%;
    float: left;
    margin: 35px 0 0
}

.leftSidebar.col1 {
    width: 65.8%
}

.closeLeftSidebar, .openLeftSidebar {
    width: 30px;
    z-index: 100;
    height: 40px;
    left: 0
}

.openLeftSidebar {
    position: fixed;
    top: 50%;
    background: url(../img/icons/leftSidebar.png) center no-repeat #c62828;
    opacity: .8;
    display: none
}

.closeLeftSidebar {
    position: absolute;
    top: -40px
}

.closeLeftSidebar::before {
    content: "X";
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    background: #c62828;
    color: #fff;
    text-align: center;
    line-height: 40px
}

.rightSidebar {
    width: 73.7%;
    float: right;
    margin: 35px 0 0;
    position: relative;
}

.rightSidebar.col1 {
    width: 31.7%
}

.rightSidebar .heading {
    width: 100%;
    height: 34px;
    float: left;
    color: #444;
    margin: 0 0 10px
}

.rightSidebar .announcements {
    width: 100%;
    float: left;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.rightSidebar .announcements .headLine {
    width: 100%;
    float: left;
    color: #9e141f;
    padding: 0 0 12px;
    margin-bottom: 10px
}

.rightSidebar .announcements li {
    width: 47.7%;
    margin-right: 4.6%;
    background: url(../img/divider4.png) left bottom repeat-x
}

.rightSidebar .announcements li:nth-child(2n) {
    margin-right: 0
}

.rightSidebar .announcements .calendar {
    background: #f1f1f1;
    color: #9e141f
}

.rightSidebar .announcements li a:hover {
    color: #9e141f
}

.rightSidebar .announcements .calendar .date {
    background: #f8f8f8;
    border: none
}

.rightSidebar .announcements .month {
    background: #f1f1f1
}

.rightSidebar .announcements .more {
    width: 100px;
    float: right;
    margin: 6px 0 0;
    font-size: 12px;
    font-weight: 300;
    line-height: normal
}

.rightSidebar .announcements .more a {
    background: url(../img/icons/moreIcon2.png) right center no-repeat;
    color: #555;
    padding-right: 15px
}

.rightSidebar .announcements .more a:hover {
    color: #b00000
}

.rightSidebar .announcements .more:before {
    content: "";
    margin-right: 0
}

.rightSidebar .announcements .more:after {
    content: "";
    margin-left: 0
}

article {
    width: 100%;
    float: left
}

article .content p a {
    color: #2a34c2;
}

article .content p a:hover {
    text-decoration: underline;
}

article img {
    width: 100%
}

article h2 {
    width: 100%;
    float: left;
    font-size: 24px;
    color: #9e141f;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 20px
}

article .cover {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 40px
}

article .cover img {
    width: 100%
}

article .articleTools {
    widtH: 100%;
    float: left;
    font-size: 14px;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 10px;
    color: #7f7f7f
}

article .articleTools a {
    color: #7f7f7f
}

article .articleTools a:hover {
    color: #cf3638
}

article .articleTools .date {
    float: left;
    background: url(../img/icons/ico4.png) left center no-repeat;
    text-indent: 20px
}

article .articleTools .print {
    float: right;
    background: url(../img/icons/ico15.png) left center no-repeat;
    text-indent: 20px
}

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

article table caption {
    font-size: 18px;
    color: #9E141F;
    font-weight: 400;
    text-align: left;
    padding: 0 0 10px
}

article table thead {
    background: #9e141f;
    color: #fff
}

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

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

article table td:first-child, article table th:first-child {
    border-left: none
}

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

article table.hovered tbody tr:hover {
    background: #dcefc3
}

article table.hovered tbody tr:hover td, article table.hovered tbody tr:hover th {
    border-left-color: #dcefc3;
    color: #62734c
}

article table tfoot {
    background: #2c6f9d;
    color: #fff
}

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

article .content ol li, article .content ul li {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding-left: 15px;
    background: url(../img/icons/listIcon4.png) 6px 13px no-repeat;
    position: relative;
    margin-bottom: 3px
}

article .content ol li {
    background: 0 0;
    padding-left: 25px
}

article .content ol li:before {
    width: 20px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: counter(li);
    counter-increment: li;
    text-align: center;
    background: rgba(0, 0, 0, .05);
    font-size: 12px;
    font-weight: 500;
    color: #2c6f9d
}

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

article .content ol li a, article .content ul li a {
    color: #555
}

article .content ol li a:hover, article .content ul li a:hover {
    color: #9e141f
}

article .content ol.subsub, article .content ul.subsub {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

article .content ol.subsub li, article .content ul.subsub li {
    background: url(../img/icons/listIcon4.png) 6px 13px no-repeat;
    position: relative;
    margin-bottom: 10px;
    font-weight: 600;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding-left: 20px
}

.eventDetails, .eventsSocialsBlock.long .events {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

article .content ol.subsub li {
    background: 0 0;
    padding-left: 15px
}

article .content > ol.subsub li:nth-child(odd), article .content > ul.subsub li:nth-child(odd) {
    background-color: #f5f5f5;
    padding-top: 5px;
    background-position: 6px 18px !important
}

article .content ol.subsub li ol, article .content ul.subsub li ul {
    margin: 0;
    background: #fff !important
}

article .content ol.subsub li:nth-child(odd) ol, article .content ol.subsub li:nth-child(odd) ol li:nth-child(odd) ol, article .content ul.subsub li:nth-child(odd) ul, article .content ul.subsub li:nth-child(odd) ul li:nth-child(odd) ul {
    background-color: #f5f5f5 !important
}

article .content ol.subsub li ol li, article .content ol.subsub li ol li:nth-child(odd) ol, article .content ul.subsub li ul li, article .content ul.subsub li ul li:nth-child(odd) ul {
    background-color: #fff !important
}

article .content ol.subsub li ol > li, article .content ul.subsub li ul > li {
    background: url(../img/icons/listIcon9.png) 6px 13px no-repeat !important;
    font-weight: 400;
    color: #000
}

article .content ol.subsub li ol li ol li, article .content ul.subsub li ul li ul li {
    font-weight: 300;
    background: url(../img/icons/listIcon3.png) 6px 13px no-repeat !important;
    margin-bottom: 3px
}

article .content > ol li a, article .content > ol.subsub li, article .content > ul.subsub li, article .content > ul.subsub li a {
    color: #2c6f9d
}

article .content ol.subsub li ol li a, article .content ul.subsub li ul li a {
    color: #444
}

article .content ol.subsub li ol li ul li a, article .content ul.subsub li ul li ul li a {
    color: #777
}

article .content ol.subsub li a:hover, article .content ul.subsub li a:hover {
    color: #9e141f
}

.content {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #555;
    font-weight: 300;
    text-align: justify;
    line-height: 30px;
    margin: 0 0 30px
}

.content p {
    padding-bottom: 15px
}

.content img {
    max-width: 100%
}

.content .inlineImg {
    width: 190px;
    height: 150px;
    float: left;
    margin: 0 10px 0 0;
    background: url(../img/noImage2.png) center no-repeat
}

.podcast-list {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.podcast-list.col3 {
    width: 75%;
    float: right
}

.podcast-list .headingBar {
    width: 100%;
    height: 50px;
    float: left;
    background: #3a4a77
}

.podcast-list .headingBar .ico {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../img/icons/ico33.png) center no-repeat #333e69;
}

.podcast-list .headingBar .heading {
    float: left;
    margin: 0 0 0 10px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    line-height: 50px
}

.podcast-list .headingBar .heading span {
    font-weight: 300
}

.podcast-list .headingBar .more {
    float: right
}

.podcast-list .headingBar .more a {
    font-size: 12px;
    background: url(../img/icons/moreIcon.png) right center no-repeat;
    line-height: 50px;
    opacity: .4;
    color: #fff;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0
}

.podcast-list .headingBar .more a:hover {
    opacity: 1
}

.podcast-list .list {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.podcast-list .podcast-carousel {
}

.podcast-list .list-item {
    width: 100%;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

@media screen and (min-width: 400px) {
    .podcast-list .list-item {
        width: 50%;
    }
}

@media screen and (min-width: 600px) {
    .podcast-list .list-item {
        width: 33.33%;
    }
}

@media screen and (min-width: 769px) {
    .podcast-list .list-item {
        width: 25%;
    }
}

.podcast-list .list .item {
    width: 100%;
    min-height: 320px;
    float: left;
}

.podcast-list .podcast-carousel .item {
    min-height: 100px;
}


.podcast-list .list .item .image {
    width: 100%;
    height: 150px;
    float: left;
    position: relative
}

.podcast-list .list .item .image a {
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(78, 32, 150, .9);
    opacity: 0
}

.podcast-list .list .item .image figure img {
    width: 100%;
    height: 150px
}

.podcast-list .list .item .content {
    width: 100%;
    min-height: 48px;
    float: left;
    margin: 13px 0 0;
    color: #444;
    font-size: 14px;
    line-height: 24px;
    text-align: initial;
}

.podcast-list .list .item .content .speaker {
    font-size: 13px;
    color: #666;
    letter-spacing: 0.04rem;
}

.podcast-list .list .item .content .summary {
    margin-top: 10px;
    text-align: left;
}

.podcast-list .list .item .external {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 15px;
}

.podcast-list .list .item .external .link {
    position: relative;
    text-align: center;
    margin-right: 20px;
}

.podcast-list .list .item .external .link:hover {
    overflow: visible;
    z-index: 10;
}

.podcast-list .list .item .external .link a span, .podcast-list .list .item .external .link div span {
    width: 120px;
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    background: #4e2096;
    color: #fff;
    border-radius: 4px;
    padding: 5px 3px;
    opacity: 0;
    transition: all .3s;
}

.podcast-list .list .item .external .link a span::before, .podcast-list .list .item .external .link div span::before {
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #4e2096;
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -3px;
}

.podcast-list .list .item .external .link:hover a span, .podcast-list .list .item .external .link:hover div span {
    opacity: 1;
    top: -40px;
}

.podcast-list .list .item .external .link a img, .podcast-list .list .item .external .link div img {
    width: 100%;
    max-width: 20px;
    transition: all .3s;
}

.podcast-list .list .item .external .link:hover a img, .podcast-list .list .item .external .link:hover div img {
    transform: scale(1.2);
}

.popup-opener {
    cursor: pointer;
}

.popup-closer {
    position: fixed;
    right: 15px;
    top: 15px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    line-height: 30px;
}

.popup-closer::before {
    content: "x";
    width: 30px;
    height: 30px;
    text-align: center;
    background: #9E141F;
    border-radius: 30px;
    display: inline-block;
    line-height: 28px;
    font-size: 1.2rem;
    margin-right: 5px;
}

.podcast-popup-content {
    display: none;
}

.podcast-popup {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.78);
    transition: all .3s;
    display: none;
    z-index: 9999;
}

.podcast-popup iframe {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 1024px) {
    .podcast-popup iframe {
        width: 600px;
        height: 338px;
    }
}

@media screen and (max-width: 768px) {
    .podcast-popup iframe {
        width: 360px;
        height: 203px;
    }
}

@media screen and (max-width: 500px) {
    .podcast-popup iframe {
        width: 320px;
        height: 180px;
    }
}

.podcast-popup.popup-visible {
    display: block;
}

.podcast-popup.popup-visible .podcast-popup-content {
    display: block;
}

.scroll-disable {
    overflow: hidden;
}

.scroll-disable .covid19-banner {
    display: none;
}

.lastNews {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.lastNews.col3 {
    width: 75%;
    float: right
}

.lastNews .headingBar {
    width: 100%;
    height: 50px;
    float: left;
    background: #9e141f
}

.lastNews .headingBar .ico {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../img/icons/ico2.png) center no-repeat #8b0f19
}

.lastNews .headingBar .heading {
    float: left;
    margin: 0 0 0 10px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    line-height: 50px
}

.lastNews .headingBar .heading span {
    font-weight: 300
}

.lastNews .headingBar .more {
    float: right
}

.lastNews .headingBar .more a {
    font-size: 12px;
    background: url(../img/icons/moreIcon.png) right center no-repeat;
    line-height: 50px;
    opacity: .4;
    color: #fff;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0
}

.lastNews .headingBar .more a:hover {
    opacity: 1
}

.lastNews .list {
    width: 101%;
    float: left;
    margin: 10px 0 0 -1%
}

.lastNews .list .new {
    width: 24%;
    float: left;
    margin: 0 0 0 1%
}

.lastNews.col3 .list .new {
    width: 32%
}

.lastNews .list .new .image {
    width: 100%;
    height: 150px;
    float: left;
    position: relative
}

.lastNews .list .new .image a {
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(155, 8, 20, .9);
    opacity: 0
}

.lastNews .list .new .image a:hover {
    opacity: 1
}

.lastNews .list .new .image a .eye {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icons/ico3.png) center no-repeat
}

.lastNews .list .new .image a:hover .eye {
    top: 44px
}

.lastNews .list .new .image a .line {
    width: 60%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 85px;
    background: #fff;
    margin-left: -30%
}

.lastNews .list .new .image a .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff
}

.lastNews .list .new .image a:hover .text {
    bottom: 42px
}

.lastNews .list .new .image figure img {
    width: 100%;
    height: 150px
}

.lastNews .list .new .headLine {
    width: 100%;
    min-height: 48px;
    float: left;
    margin: 13px 0 0;
    color: #444;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase
}

.lastNews .list .new .headLine a {
    color: #444
}

.lastNews .list .new .headLine a:hover {
    color: #9E141F
}

.lastNews .list .new summary {
    width: 100%;
    height: 95px;
    float: left;
    margin: 12px 0 0;
    color: #585858;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    overflow: hidden
}

.lastNews .list .new .date {
    width: 100%;
    height: 26px;
    float: left;
    background: url(../img/icons/ico4.png) 3px center no-repeat;
    border-top: 1px solid #dedede;
    text-indent: 20px;
    line-height: 26px;
    color: #777;
    font-size: 10px;
    font-weight: 300;
    margin: 20px 0 0
}

.eventsSocialsBlock {
    width: 74.7%;
    float: right
}

.eventsSocialsBlock.long {
    width: 100%
}

.eventDetails {
    width: 100%;
    box-sizing: border-box;
    padding-left: 210px
}

.eventDetails .item {
    width: 50%
}

.eventDetails .item.location {
    width: 100%
}

.eventDetails h2 {
    width: auto;
    float: none;
    text-align: left;
    line-height: 30px;
    margin-bottom: 5px;
    font-size: 20px
}

.eventPoster {
    width: 190px;
    height: 266px;
    float: left;
    overflow: hidden;
    background: #ccc;
    position: relative;
    margin-right: 20px;
    margin-left: -210px
}

.eventPoster .catImg {
    margin-left: -90px
}

.eventPoster .catImg::after {
    content: "- POSTER -";
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -25px 0 0;
    background: url(../img/noImage.png) top center no-repeat;
    background-size: 25%;
    z-index: 2;
    padding: 50px 0 0;
    color: #fff;
    text-align: center;
    font-size: 11px;
    opacity: .4
}

.eventPoster .catImg img {
    width: auto;
    max-width: none;
    min-height: 266px;
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    opacity: .2
}

.eventPoster .code {
    width: auto;
    position: absolute;
    right: 0;
    top: 10px;
    background: #c51162;
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    padding: 0 5px;
    z-index: 2
}

.events {
    width: 65.8%;
    float: left;
    margin: 50px 0 0
}

.eventsSocialsBlock.long .events {
    width: 75%;
    box-sizing: border-box;
    padding-right: 15px
}

.events.long {
    width: 100%;
    float: left;
    margin: 0
}

.events .headingBar {
    width: 100%;
    height: 40px;
    float: left;
    background: #004a85
}

.events .headingBar .ico {
    width: 40px;
    height: 40px;
    float: left;
    background: url(../img/icons/ico5.png) center no-repeat #003e6f
}

.events .headingBar .heading {
    float: left;
    margin: 0 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 40px
}

.events .headingBar .heading span {
    font-weight: 300
}

.events .headingBar .more {
    float: right
}

.events .headingBar .more a {
    font-size: 12px;
    background: url(../img/icons/moreIcon.png) right center no-repeat;
    line-height: 40px;
    opacity: .4;
    color: #fff;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0
}

.events .headingBar .more a:hover {
    opacity: 1
}

.events .list {
    width: 100%;
    float: left
}

.eventsSocialsBlock.long .events .list .event {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.events .list .event {
    width: 100%;
    float: left;
    margin: 10px 0 0;
    padding: 0 0 10px;
    background: url(../img/divider3.png) left bottom repeat-x
}

.events.long .list .event {
    width: 100%;
    float: left;
    margin: 0 0 10px
}

.events .list .event .image {
    width: 25.8%;
    height: 100px;
    float: left;
    position: relative
}

.eventsSocialsBlock.long .events .list .event .image {
    display: none
}

.events .list .event .image .code {
    width: auto;
    position: absolute;
    right: 0;
    top: 10px;
    background: #c51162;
    font-size: 12px;
    color: #fff;
    padding: 3px 5px
}

.events .list .event .image a {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(3, 24, 43, .9);
    opacity: 0;
    overflow: hidden
}

.events .list .event .image a:hover {
    opacity: 1
}

.events .list .event .image a .eye {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: -10px;
    background: url(../img/icons/ico3.png) center no-repeat
}

.events .list .event .image a:hover .eye {
    top: 20px
}

.events .list .event .image a .line {
    width: 60%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 60px;
    background: #fff;
    margin-left: -30%
}

.events .list .event .image a .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff
}

.events .list .event .image a:hover .text {
    bottom: 15px
}

.events .list .event .image figure img {
    width: 100%;
    height: 100px
}

.events.long .list .event .image {
    width: 17.2%
}

.events.long .list .event .image a {
    background: rgba(155, 8, 20, .9)
}

.events .list .event .headLine {
    width: 72.4%;
    float: right;
    color: #444;
    font-size: 15px;
    margin: 0 0 10px;
    position: relative;
}

.eventsSocialsBlock.long .events .list .event .headLine {
    width: 100%
}

.events .list .event .headLine a {
    color: #343434
}

.events .list .event .headLine a:hover {
    color: #2C6F9D
}

.events.long .list .event .headLine {
    width: 81%
}

.events .list .event .calendar, .events .list .event .category, .events .list .event .clock, .events .list .event .location {
    width: 69.4%;
    float: right;
    color: #777;
    font-size: 13px;
    line-height: 22px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.links .listBoxed li, .links.top {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.eventsSocialsBlock.long .events .list .event .calendar, .eventsSocialsBlock.long .events .list .event .category, .eventsSocialsBlock.long .events .list .event .clock, .eventsSocialsBlock.long .events .list .event .location {
    width: 100%
}

.events .list .event .location {
    background: url(../img/icons/ico8.png) 2px 5px no-repeat
}

.events .list .event .calendar {
    background: url(../img/icons/ico10.png) 2px 5px no-repeat
}

.events .list .event .clock {
    background: url(../img/icons/ico9.png) 2px 5px no-repeat
}

.events .list .event .category {
    background: url(../img/icons/ico17.png) 2px 5px no-repeat
}

.events .list .event .category a {
    color: #777
}

.events .list .event .date {
    width: 100%;
    height: 26px;
    float: left;
    background: url(../img/icons/ico4.png) 3px center no-repeat;
    border-top: 1px solid #dedede;
    text-indent: 20px;
    line-height: 26px;
    color: #777;
    font-size: 10px;
    font-weight: 300;
    margin: 20px 0 0
}

.events .list .event .code-kul {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 13px;
    color: #c51162;
    margin-top: 7px;
    display: none;
}

@media screen and (max-width: 480px) {
    .events .list .event .code-kul {
        display: block;
    }
}

.events .list .event .code-kul::before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    left: 5px;
    top: 5px;
    background: #c51162;
    border-radius: 5px;
}

.events.long .list .event .calendar, .events.long .list .event .category, .events.long .list .event .clock, .events.long .list .event .location {
    width: 80%
}

.socials {
    width: 30.6%;
    float: right;
    margin: 50px 0 0;
    position: relative
}

.eventsSocialsBlock.long .socials {
    width: 25%
}

.socials .headingBar {
    width: 100%;
    height: 40px;
    float: left;
    background: #28abbf;
    position: relative
}

.socials .headingBar .ico {
    width: 40px;
    height: 40px;
    float: left;
    background: url(../img/icons/ico6.png) center no-repeat #199db1
}

.socials .headingBar .heading {
    float: left;
    margin: 0 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 40px
}

.socials .headingBar .heading span {
    font-weight: 300
}


.socials .list {
    width: 100%;
    float: left
}

.socials .list ul {
    min-height: 288px;
    float: left
}

.socials .list ul li {
    width: 100%;
    float: left;
    padding: 15px 0;
    background: url(../img/divider2.png) center bottom no-repeat
}

.socials .list ul li:last-child {
    background: 0 0
}

.socials .list ul li .account {
    color: #004a85;
    padding: 0 0 0 20px
}

.socials .list ul li .time {
    color: #777
}

.socials .list ul li .text {
    width: 100%;
    font-size: 13px;
    line-height: 22px;
    margin: 10px 0 0
}

.socials .list ul li .text a {
    color: #004a85
}

.socials .list ul li .text a:hover {
    text-decoration: underline
}

.socials .list ul li .image {
    width: 100%;
    min-height: 90px;
    display: block;
    margin: 10px 0 0
}

.socials .list ul li .image figure img {
    width: 100%
}

.socials .list ul li .favorite, .socials .list ul li .reply, .socials .list ul li .retweet {
    width: 24px;
    height: 24px;
    float: right;
    background: url(../img/icons/reply.png) center no-repeat;
    text-indent: -9999px;
    margin-right: 10px;
    border-radius: 3px
}

.artDocs .item a:hover i, .contact .item:hover i {
    border-radius: 24px
}

.socials .list ul li .retweet {
    background: url(../img/icons/retweet.png) center no-repeat
}

.socials .list ul li .favorite {
    background: url(../img/icons/favorite.png) center no-repeat
}

.socials .list ul li .favorite:hover, .socials .list ul li .reply:hover, .socials .list ul li .retweet:hover {
    margin-top: -2px;
    background-color: #eaeaea
}

.socials .more {
    width: 100%;
    float: left;
    text-align: center;
    color: #777;
    font-size: 12px;
    text-decoration: underline
}

.socials .more a {
    color: #777
}

.socials .more a strong {
    font-weight: 500
}

.socials #facebook .more a strong, .socials #facebook .more a:hover {
    color: #004a85
}

.socials #twitter .more a strong, .socials #twitter .more a:hover {
    color: #18a5ba
}

.socials #instagram .more a strong {
    color: #2c668e
}

.socials .link-list ul {
    z-index: 1000;
    width: 100%;
    margin-top: 10px;
    float: left;
}

.socials .link-list li {
    margin-bottom: 5px;

}

.socials .link-list li a {
    border-radius: 10px;
    padding: 4px 0px 4px 4px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #585858;
    cursor: pointer !important;
}

.socials .link-list li a:hover {
    background: rgb(248, 248, 248);

}

.socials .link-list li img {
    height: 25px;
    padding-right: 8px;
}

.links {
    width: 22.8%;
    float: left;
    margin: 50px 0 0
}

.links.top {
    width: 25%;
    margin: 0;
    box-sizing: border-box;
    padding-right: 15px
}

.links .headingBar {
    width: 100%;
    height: 40px;
    float: left;
    background: #2c6f9d
}

.links .headingBar .ico {
    width: 40px;
    height: 40px;
    float: left;
    background: url(../img/icons/ico7.png) center no-repeat #2c668e
}

.links .headingBar .heading {
    float: left;
    margin: 0 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 40px
}

.links .headingBar .heading span {
    font-weight: 300
}

.links.top .headingBar {
    height: 50px;
    background: #9e141f
}

.links.top .headingBar .ico {
    width: 50px;
    height: 50px;
    background: url(../img/icons/ico7.png) center no-repeat #8b0f19
}

.links .list, .links .list li, .links .list li a, .links .listBoxed {
    width: 100%;
    float: left
}

.links.top .headingBar .heading {
    font-size: 22px;
    line-height: 50px
}

.links .list li {
    border-bottom: 1px solid #ececec;
    overflow: hidden
}

.links .list li a {
    background: url(../img/icons/listIcon4.png) 10px center no-repeat;
    padding: 7px 0 7px 20px;
    line-height: 24px;
    color: #343434
}

.links .list li a:hover {
    color: #2c6f9d;
    background: url(../img/icons/listIcon4.png) 15px center no-repeat;
    padding: 7px 0 7px 25px
}

.links .listBoxed li {
    width: 50%;
    height: 115px;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 0 1px 0 0;
    margin-top: 2px;
    overflow: hidden
}

.links.top .listBoxed li {
    padding: 0 5px 0 0;
    margin-top: 10px
}

.links .listBoxed li a {
    width: 100%;
    height: 115px;
    float: left
}

.links .listBoxed li:nth-child(even) {
    padding: 0 0 0 1px
}

.links.top .listBoxed li:nth-child(even) {
    padding: 0 0 0 5px
}

.links .listBoxed li .front {
    width: 100%;
    height: 100%;
    float: left;
    background: #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    text-align: center
}

.links .listBoxed li:nth-child(2) .front, .links .listBoxed li:nth-child(3) .front, .links .listBoxed li:nth-child(6) .front {
    background: #f5f5f5
}

.links .listBoxed li:hover .front {
    color: #2c6f9d
}

.links .listBoxed li .icon {
    width: 100%;
    height: 65px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 39px
}

.links .listBoxed li:hover .icon {
    background-size: 44px;
    margin-top: 5px
}

.links .listBoxed li .icon.ico-1 {
    background-image: url(../img/icons/arrowNext.png);
    background-size: 24px
}

.links .listBoxed li .icon.disability {
    background-image: url(../img/short-links/engelli-ogrenciler-birimi.png)
}
.links .listBoxed li .icon.nologo {
    background-image: url(../img/short-links/noLogo.svg)
}
.links .listBoxed li .icon.ddp {
    background-image: url(../img/short-links/digital.svg)
}
.links .listBoxed li .icon.pdrm {
    background-image: url(../img/short-links/pdrm.svg)
}
.links .listBoxed li .icon.arinkom {
    background-image: url(../img/short-links/arinkom.svg)
}

.links .listBoxed li .icon.sit {
    background-image: url(../img/short-links/sit.png);
    background-size: 56px
}

.links .listBoxed li .icon.radio {
    background-image: url(../img/short-links/radyoa.svg)
}

.links .listBoxed li .icon.child-university {
    background-image: url(../img/short-links/cocuk-universitesi.svg)
}

.links .listBoxed li .sem {
    background-image: url(../img/short-links/anadolu-sem.svg);
    background-size: 56px
}

.links .listBoxed li .name {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 12px
}

.links .listBoxed li .front .name {
    color: #616161
}

.links .listBoxed li:hover .front .name {
    color: #2c6f9d
}

.ourUniversity {
    width: 100%;
    float: left;
    margin: 50px 0 0
}

.ourUniversity .headingBar {
    width: 100%;
    height: 40px;
    float: left;
    background: #303030
}

.ourUniversity .headingBar .ico {
    width: 40px;
    height: 40px;
    float: left;
    background: url(../img/icons/ico2.png) center no-repeat #101010
}

.ourUniversity .headingBar .heading {
    float: left;
    margin: 0 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 40px
}

.ourUniversity .headingBar .heading span {
    font-weight: 300
}

.ourUniversity .headingBar .more {
    float: right
}

.ourUniversity .headingBar .more a {
    font-size: 12px;
    background: url(../img/icons/moreIcon.png) right center no-repeat;
    line-height: 40px;
    opacity: .4;
    color: #fff;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0
}

.ourUniversity .headingBar .more a:hover {
    opacity: 1
}

.ourUniversity .list {
    width: 101%;
    float: left;
    margin: 10px 0 0 -1%
}

.ourUniversity .list .article {
    width: 49%;
    float: left;
    margin: 0 0 0 1%
}

.ourUniversity .list .article .image {
    width: 46.2%;
    height: 150px;
    float: left;
    position: relative
}

.ourUniversity .list .article .image a {
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(3, 24, 43, .9);
    opacity: 0
}

.ourUniversity .list .article .image a:hover {
    opacity: 1
}

.ourUniversity .list .article .image a .eye {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icons/ico3.png) center no-repeat
}

.ourUniversity .list .article .image a:hover .eye {
    top: 44px
}

.ourUniversity .list .article .image a .line {
    width: 60%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 85px;
    background: #fff;
    margin-left: -30%
}

.ourUniversity .list .article .image a .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff
}

.ourUniversity .list .article .image a:hover .text {
    bottom: 42px
}

.ourUniversity .list .article .image figure img {
    width: 100%;
    height: 150px
}

.ourUniversity .list .article .details {
    width: 50%;
    float: left;
    margin: 0 0 0 2%
}

.ourUniversity .list .article .details .headLine {
    width: 100%;
    min-height: 48px;
    float: left;
    color: #444;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase
}

.ourUniversity .list .article .details .headLine a {
    color: #444
}

.ourUniversity .list .article .details summary {
    width: 100%;
    height: 65px;
    float: left;
    margin: 0;
    color: #585858;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    overflow: hidden
}

.ourUniversity .list .article .details .date {
    width: 100%;
    height: 26px;
    float: left;
    background: url(../img/icons/ico4.png) 3px center no-repeat;
    border-top: 1px solid #dedede;
    text-indent: 20px;
    line-height: 26px;
    color: #777;
    font-size: 10px;
    font-weight: 300;
    margin: 15px 0 0
}

.pageImage {
    width: 100%;
    height: 200px;
    float: left;
    overflow: hidden;
    position: relative
}

.pageImage img {
    width: 1920px;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -960px
}

.campusLife, .campusLife .category, .pageHeading, .pageHeading h1, .pageHeading ul {
    width: 100%;
    float: left
}

.pageHeading {
    height: 85px;
    background: url(../img/pageHeading.png) left bottom repeat-x
}

.pageHeading .container {
    height: 85px;
    border-bottom: 2px solid #9e141f
}

.pageHeading h1 {
    font-size: 30px;
    color: #9e141f;
    margin: 14px 0 0
}

.pageHeading h1 i {
    font-weight: 300;
    font-style: normal
}

.pageHeading ul {
    margin: 9px 0 0
}

.pageHeading ul li {
    float: left;
    padding: 0 16px 0 0;
    margin: 0 10px 0 0;
    background: url(../img/icons/ico11.png) right 4px no-repeat
}

.pageHeading ul li:last-child {
    background: 0 0
}

.pageHeading ul li a {
    float: left;
    font-size: 12px;
    color: #4e4e4e;
    padding: 0 0 11px;
    line-height: 16px;
    background: url(../img/icons/pageHeadingArrow.png) left 27px no-repeat
}

.pageHeading ul li a:hover, .pageHeading ul li:last-child a {
    background: url(../img/icons/pageHeadingArrow.png) center bottom no-repeat
}

.pageHeading ul li a:hover {
    color: #9e141f
}

.pageHeading ul li:last-child a:hover {
    color: #4e4e4e;
    cursor: default
}

.campusLife .category {
    margin: 0 0 30px
}

.campusLife .category .image {
    width: 32.2%;
    height: 150px;
    float: left;
    position: relative;
    border-top: 3px solid #9e141f;
}

.campusLife .category .image a {
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(155, 8, 20, .9);
    opacity: 0
}

.campusLife .category .image a:hover {
    opacity: 1
}

.campusLife .category .image a .eye {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icons/ico3.png) center no-repeat
}

.campusLife .category .image a:hover .eye {
    top: 44px
}

.campusLife .category .image a .line {
    width: 60%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 85px;
    background: #fff;
    margin-left: -30%
}

.campusLife .category .image a .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff
}

.campusLife .category .image a:hover .text {
    bottom: 42px
}

.campusLife .category .image figure img {
    width: 100%;
    height: 150px
}

.campusLife .category .headLine {
    width: 66%;
    float: right;
    font-size: 24px;
    color: #9e141f;
    font-weight: 300
}

.campusLife .category .list {
    width: 66%;
    float: right;
    margin: 5px 0 0
}

.campusLife .category .list ul {
    width: 100%;
    float: left
}

.campusLife .category .list ul li {
    width: 50%;
    float: left
}

.campusLife .category .list ul li a {
    height: 18px;
    float: left;
    background: url(../img/icons/listIcon5.png) left 7px no-repeat;
    font-size: 14px;
    color: #2f2f2f;
    font-weight: 300;
    text-indent: 17px;
    margin: 10px 0 0;
    overflow: hidden
}

.campusLife .category .list ul li a:hover {
    background: url(../img/icons/listIcon1.png) 2px 7px no-repeat;
    color: #9e141f
}

.campusCol {
    width: 100%;
    float: left;
    background: #f8f8f8;
    border-top: 3px solid #880712;
    margin: 0 0 20px
}

.campusCol .image {
    width: 100%;
    height: 150px;
    float: left;
    position: relative
}

.campusCol .image a {
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(155, 8, 20, .9);
    opacity: 0
}

.campusCol .image a:hover {
    opacity: 1
}

.campusCol .image a .eye {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icons/ico3.png) center no-repeat
}

.campusCol .image a:hover .eye {
    top: 44px
}

.campusCol .image a .line {
    width: 60%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 85px;
    background: #fff;
    margin-left: -30%
}

.campusCol .image a .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff
}

.campusCol .image a:hover .text {
    bottom: 42px
}

.campusCol .image figure img {
    width: 100%;
    height: 150px
}

.campusCol .headLine {
    width: 100%;
    float: left;
    margin: 20px 0 15px;
    text-indent: 20px;
    font-size: 20px;
    color: #555;
    font-weight: 300
}

.campusCol .headLine span {
    font-weight: 700
}

.campusCol summary {
    padding: 20px;
    display: block;
    font-size: 14px;
    color: #606060;
    font-weight: 300;
    line-height: 24px;
    text-align: justify
}

.leftCategories .headLine, .leftNav .headLine {
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #f7f7f7
}

.leftNav {
    width: 100%;
    float: left;
    margin: 0 0 20px
}

.leftNav .headLine {
    width: 100%;
    float: left;
    color: #444;
    padding: 0 0 12px
}

.leftNav .headLine.v2 {
    color: #9e141f
}

.accordionNav, .accordionNav > ul {
    width: 100%;
    float: left
}

.accordionNav > ul > li {
    width: 100%;
    float: left;
    min-height: 39px;
    border-bottom: 1px solid #f7f7f7
}

.accordionNav.v2 > ul > li {
    min-height: 47px
}

.accordionNav > ul > li > a {
    width: 91.4%;
    float: right;
    color: #444;
    margin: 10px 0 0
}

.accordionNav > ul > li > a:hover {
    width: 90%;
    color: #9e141f
}

.accordionNav > ul li .navNone {
    width: 8.6%;
    height: 39px;
    float: left;
    background: url(../img/icons/navNone.png) center no-repeat;
    text-indent: -9999px
}

.accordionNav > ul li .openUL {
    width: 8.6%;
    height: 39px;
    float: left;
    background: url(../img/icons/navClose.png) center no-repeat;
    cursor: pointer;
    text-indent: -9999px
}

.accordionNav > ul li .openUL.opened {
    background: url(../img/icons/navOpen.png) center no-repeat
}

.accordionNav > ul li ul {
    width: 100%;
    float: left;
    display: none;
    overflow: hidden;
    border-top: 1px solid #f7f7f7;
    margin: 0 0 20px
}

.accordionNav > ul li ul > li {
    width: 92.7%;
    float: right;
    background: url(../img/divider3.png) left bottom repeat-x
}

.accordionNav > ul li ul > li:last-child {
    background: 0 0
}

.accordionNav > ul li ul > li a {
    float: left;
    padding: 8px 0 12px 20px;
    background: url(../img/icons/listIcon6.png) 9px 15px no-repeat;
    color: #6e6e6e
}

.accordionNav > ul li ul > li a:hover {
    background: url(../img/icons/listIcon7.png) 5px 15px no-repeat;
    color: #9e141f;
    padding: 8px 0 12px 17px
}

.leftCategories {
    width: 100%;
    float: left;
    margin: 0 0 40px
}

.leftCategories .headLine {
    width: 100%;
    float: left;
    color: #444;
    padding: 0 0 12px
}

.leftCategories .accordionNav > ul > li > a {
    width: 100%;
    float: right;
    color: #444;
    margin: 10px 0 0;
    padding-left: 20px;
    background: url(../img/icons/listIcon7.png) 10px center no-repeat;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.leftCategories .accordionNav > ul > li > a:hover {
    width: 100%;
    color: #9e141f;
    padding-left: 24px;
    background: url(../img/icons/listIcon7.png) 14px center no-repeat
}

.leftCategories.v2 {
    width: 100%;
    float: left;
    margin: 0 0 40px
}

.leftCategories.v2 .headLine {
    color: #9e141f
}

.leftCategories.v2 .accordionNav > ul > li > a {
    text-indent: 13px;
    line-height: 19px
}

.leftCategories.v2 .accordionNav > ul > li > a.facebook {
    background: url(../img/icons/facebookIco3.png) 5px center no-repeat
}

.leftCategories.v2 .accordionNav > ul > li > a.twitter {
    background: url(../img/icons/twitterIco3.png) 5px center no-repeat
}

.leftCategories.v2 .accordionNav > ul > li > a.youtube {
    background: url(../img/icons/youtubeIco2.png) 5px center no-repeat
}

.leftCategories.v2 .accordionNav > ul > li > a.radioa {
    background: url(../img/icons/radyoAico.png) 5px center no-repeat
}

.leftCategories.v2 .accordionNav > ul > li > a.itunes {
    background: url(../img/icons/itunes.png) 5px center no-repeat
}

.leftCategories.v2 .accordionNav > ul > li > a.instagram {
    background: url(../img/icons/instagramIco3.png) 5px center no-repeat
}

.leftCategories.v2 .accordionNav > ul > li > a:hover {
    width: 100%;
    color: #9e141f;
    text-indent: 15px;
    background-position: 10px center
}

.campusColMini {
    width: 100%;
    float: left;
    background: #E0E0E0;
    position: relative;
    margin: 0 0 20px
}

.campusColMini img {
    width: 100%;
    float: left
}

.campusColMini .headLine {
    width: 80%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 20px;
    background: #cf3638;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    font-weight: 300;
    text-indent: 10px
}

.campusColMini .headLine:hover {
    width: 90%;
    text-indent: 15px
}

.campusColMini .headLine span {
    font-weight: 700
}

.calendarSidebar .headLine {
    width: 100%;
    float: left;
    color: #555;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #f7f7f7;
    padding: 0 0 12px
}

.calendarSidebar .calendar {
    width: 100%;
    float: left;
    min-height: 290px;
    margin: 15px 0 0
}

.calendarSidebar .result {
    width: 100%;
    float: left;
    margin: 10px 0 30px;
    position: relative
}

.calendarSidebar .result .arrow {
    width: 13px;
    height: 6px;
    position: absolute;
    left: 10px;
    top: -6px;
    background: url(../img/icons/arrowUp.png) center no-repeat
}

.calendarSidebar .result .detail {
    width: 100%;
    height: 60px;
    float: left;
    background: #5d050d;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 10px
}

.calendarSidebar .result .detail a {
    height: 100%;
    float: left;
    color: #fff;
    border-left: 4px solid #9f1722;
    padding: 0 0 0 5px;
    background: url(../img/icons/androidStore.png) -10px center no-repeat
}

.calendarSidebar .result .detail a:hover {
    padding: 0 0 0 9px;
    border-left: 4px solid #fff;
    background: url(../img/icons/androidStore.png) -3px center no-repeat
}

.activitiesSidebar {
    width: 100%;
    float: left;
    margin: 20px 0 0
}

.activitiesSidebar .headLine {
    width: 100%;
    float: left;
    color: #444;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #f7f7f7;
    padding: 0 0 12px
}

.activitiesSidebar > ul > li {
    width: 100%;
    float: left;
    min-height: 39px;
    border-bottom: 1px solid #f7f7f7
}

.activitiesSidebar > ul > li > a {
    color: #444;
    margin: 10px 0;
    line-height: 24px;
    background: url(../img/icons/listIcon6.png) left 10px no-repeat;
    padding: 0 0 0 10px;
    display: block
}

.activitiesSidebar > ul > li > a:hover {
    color: #9e141f;
    background: url(../img/icons/listIcon7.png) 0 10px no-repeat;
    padding: 0 0 0 13px
}

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

.columnList .column {
    width: 100%;
    float: left;
    margin: 0 0 20px
}

.image {
    background: url(../img/noImage.png) center no-repeat #f7f7f7
}

.columnList .column .image {
    width: 28.7%;
    height: 150px;
    float: left;
    position: relative;
    border-top: 3px solid #9e141f;
}

.columnList .column .image a {
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(155, 8, 20, .9);
    opacity: 0
}

.columnList .column .image a:hover {
    opacity: 1
}

.columnList .column .image a .eye {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icons/ico3.png) center no-repeat
}

.columnList .column .image a:hover .eye {
    top: 44px
}

.columnList .column .image a .line {
    width: 60%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 85px;
    background: #fff;
    margin-left: -30%
}

.columnList .column .image a .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff
}

.columnList .column .image a:hover .text {
    bottom: 42px
}

.columnList .column .image figure img {
    width: 100%;
    height: 150px
}

.columnList .column .headLine {
    width: 69.5%;
    float: right;
    font-size: 18px;
    color: #9e141f;
    font-weight: 300
}

.columnList .column .headLine a {
    float: left;
    color: #9e141f
}

.columnList .column .headLine a:hover {
    margin: 0 0 0 10px
}

.columnList .column summary {
    width: 69.5%;
    min-height: 95px;
    float: right;
    font-size: 14px;
    color: #2f2f2f;
    line-height: 24px;
    margin: 10px 0 0;
    text-align: justify
}

.contacts {
    width: 69.5%;
    float: right
}

.contacts .item {
    line-height: 24px;
    color: #696969;
    margin: 0 0 10px;
    display: inline-block;
    padding: 0 15px 0 0
}

.contacts .item a, .contacts .item:hover {
    color: #555
}

.contacts .item a:hover {
    color: #9e141f
}

.contacts .item i {
    width: 24px;
    height: 24px;
    float: left;
    background: #ddd;
    margin: 0 5px 0 0
}

.contacts .item:hover i {
    background-color: #9e141f !important;
    border-radius: 24px
}

.contacts .item i.phone {
    background: url(../img/icons/phone.png) center no-repeat #ddd
}

.contacts .item i.internal {
    background: url(../img/icons/internal.png) center no-repeat #ddd
}

.contacts .item i.link {
    background: url(../img/icons/ico7.png) center no-repeat #ddd
}

.columnList .column .more {
    width: 69.5%;
    float: right
}

.columnList .column .more a {
    float: right;
    background: url(../img/icons/ico14.png) right 5px no-repeat;
    padding: 0 20px 0 0;
    color: #9e141f
}

.columnList .column .more a:hover {
    background: url(../img/icons/ico14.png) left 5px no-repeat;
    padding: 0 20px;
    text-decoration: underline
}

.columnList .topColumn, .columnList .topColumn .headLine {
    width: 100%;
    float: left
}

.columnList .topColumn .headLine h2 {
    width: 100%;
    float: left;
    font-size: 24px;
    color: #9E141F;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 20px
}

.columnList .topColumn .columnDetails {
    width: 100%;
    float: left;
    margin-bottom: 40px
}

.columnList .topColumn .columnDetails .image {
    width: 330px;
    float: right;
    margin-left: 10px
}

.columnList .topColumn .columnDetails .image a {
    display: none
}

.columnList .topColumn .columnDetails .image img {
    width: 100%;
    float: left
}

.columnList .topColumn .columnDetails summary {
    font-size: 15px;
    color: #555;
    font-weight: 300;
    text-align: justify;
    line-height: 30px
}

.columnList .topColumn .list {
    width: 100%;
    float: left
}

.columnList .topColumn .list li {
    width: 33.3%;
    float: left;
    margin-bottom: 25px
}

.columnList .topColumn .list.v2 li {
    width: 50%
}

.columnList .topColumn .list li a {
    float: left;
    font-size: 16px;
    color: #9e141f;
    font-weight: 300;
    background: url(../img/icons/ico14.png) left 6px no-repeat;
    display: block;
    padding-left: 17px
}

.columnList .topColumn .list li a:hover {
    margin: 0 0 0 7px
}

.columnList .leftColumns {
    width: 100%;
    float: left
}

.columnList .leftColumns .headLine {
    display: block
}

.columnList .leftColumns .headLine h2 {
    font-size: 20px;
    color: #555;
    font-weight: 300;
    line-height: 1;
    margin: 0 0 20px
}

.columnList .leftColumns .columnDetails {
    width: 30%;
    float: left;
    margin-bottom: 40px;
    display: none
}

.columnList .leftColumns .columnDetails summary {
    font-size: 15px;
    color: #555;
    font-weight: 300;
    text-align: justify;
    line-height: 30px
}

.columnList .leftColumns .image {
    width: 100%;
    float: left;
    position: relative;
    background: url(../img/noImage.png) center no-repeat #f7f7f7
}

.columnList .leftColumns .image a {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    opacity: 1;
    padding: 30px 0
}

.columnList .leftColumns .image a .ico {
    width: 100%;
    height: 41px;
    float: left;
    background: url(../img/photoGallery.png) center no-repeat;
    margin-bottom: 10px
}

.columnList .leftColumns .image a .text {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff
}

.columnList .leftColumns .image figure img {
    width: 100%;
    float: left
}

.columnList .leftColumns .list {
    margin-bottom: 30px
}

.columnList .leftColumns .list li {
    width: 49%;
    margin-bottom: 15px;
    display: inline-block
}

.columnList .leftColumns .list li a {
    font-size: 16px;
    color: #9e141f;
    font-weight: 300;
    background: url(../img/icons/listIcon8.png) left 6px no-repeat;
    display: inline-block;
    padding-left: 13px
}

.columnList .leftColumns .list li a:hover {
    margin: 0 0 0 5px
}

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

.featureSlider .heading {
    width: 100%;
    height: 34px;
    float: left;
    font-size: 18px;
    font-weight: 700;
    color: #444;
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 15px
}

.slideGallery {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 30px
}

.slideGallery .rslides {
    width: 100%;
    min-height: 350px;
    position: relative;
    overflow: hidden
}

.slideGallery .rslides li {
    width: 100%;
    height: 350px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    -webkit-backface-visibility: hidden
}

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

.slideGallery .rslides li .slide {
    width: 100%;
    height: 350px;
    float: left;
    position: relative
}

.slideGallery .rslides li .image, .slideGallery .rslides li .image figure {
    width: 100%;
    float: left
}

.slideGallery .rslides img {
    width: 100%;
    height: 350px;
    float: left;
    display: block
}

.slideGallery .caption {
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 145px 15px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
/ -ms-box-sizing: border-box
}

.slideGallery .caption .headLine {
    max-width: 100%;
    height: 50px;
    float: left;
    padding: 0 20px 0 10px;
    background: url(../img/icons/ico19.png) -40px 17px no-repeat rgba(158, 20, 31, .8);
    line-height: 50px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    position: relative;
    box-sizing: border-box;
    border-color: #cf3638;
    overflow: hidden;
    margin: 60px 0 0
}

.announcement .list li, .slideGallery .summary {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.slideGallery .caption .headLine:hover {
    background: url(../img/icons/ico19.png) 10px 17px no-repeat rgba(158, 20, 31, 1);
    text-indent: 42px;
    border-left: 6px solid #cf3638;
    box-shadow: inset 3px 0 3px 0 rgba(0, 0, 0, .15)
}

.slideGallery .summary {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-top: 10px;
    padding-left: 15px;
    -o-box-sizing: border-box;
/ -ms-box-sizing: border-box;
    position: relative
}

.slideGallery .summary .bl {
    width: 4px;
    height: 25px;
    position: absolute;
    left: 5px;
    top: 0;
    background: rgba(158, 20, 31, .8)
}

.slideGallery .summary:hover .bl {
    height: 100%;
    background: #fff
}

.slideGallery .rslides_nav {
    width: 30px;
    height: 30px;
    position: absolute;
    text-indent: -9999px;
    bottom: -30px;
    z-index: 3
}

.slideGallery .rslides_nav.prev {
    background: url(../img/slideGalleryArrowLeft.png) center no-repeat #9e141f;
    right: 30px
}

.slideGallery .rslides_nav.next {
    background: url(../img/slideGalleryArrowRight.png) center no-repeat #760710;
    right: 0
}

.slideGallery .rslides_nav:hover {
    background-color: #cf3638 !important;
    height: 40px;
    bottom: -40px
}

.slideGallery .rslides_nav:active {
    height: 30px;
    bottom: -30px;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out
}

.slideGallery .rslides_tabs {
    height: 30px;
    float: right
}

.slideGallery .rslides_tabs li {
    float: left
}

.slideGallery .rslides_tabs li a {
    width: 30px;
    height: 30px;
    float: left;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    background: #9e141f;
    text-align: center;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15)
}

.slideGallery .rslides_tabs li a:hover {
    background: #cf3638
}

.slideGallery .rslides_tabs li.rslides_active a {
    height: 35px;
    background: #760710;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .25);
    cursor: default
}

.aofOffice .list .plateCode a, .management .person .image a, .photoGallery .list .image a, .photoGallerys .list .image a, .studentClubs .list .image a {
    box-shadow: inset 0 0 35px rgba(0, 0, 0, .3)
}

.artDocs {
    width: 100%;
    float: right;
    margin: 0 0 40px
}

.artDocs .item {
    width: 100%;
    float: left;
    line-height: 30px;
    color: #696969;
    margin: 0 0 10px
}

.artDocs .item a {
    color: #696969
}

.artDocs .item a:hover {
    color: #9e141f
}

.artDocs .item:hover {
    color: #555
}

.artDocs .item i {
    width: 30px;
    height: 30px;
    float: left;
    background: #9e141f;
    margin: 0 5px 0 0
}

.artDocs .item i.doc {
    background: url(../img/icons/ico24.png) center no-repeat #9e141f
}

.contact {
    width: 100%;
    float: right;
    margin: 0 0 40px
}

.contact .set {
    width: 100%;
    float: left;
    margin: 0 0 30px
}

.contact .item {
    min-width: 34%;
    float: left;
    line-height: 30px;
    color: #696969;
    margin: 0 0 10px
}

.contact .item a {
    color: #696969
}

.contact .item a:hover {
    color: #9e141f
}

.contact .item:hover {
    color: #555
}

.contact .item i {
    width: 30px;
    height: 30px;
    float: left;
    background: #9e141f;
    margin: 0 5px 0 0
}

.contact .item i.phone {
    background: url(../img/icons/phone.png) center no-repeat #9e141f
}

.contact .item i.link {
    background: url(../img/icons/ico7.png) center no-repeat #9e141f
}

.contact .item i.internal {
    background: url(../img/icons/internal.png) center no-repeat #9e141f
}

.contact .item i.eMail {
    background: url(../img/icons/ico12.png) center no-repeat #9e141f
}

.contact .item i.address {
    background: url(../img/icons/ico13.png) center no-repeat #9e141f
}

.contact .item i.facebook {
    background: url(../img/icons/facebookIco2.png) center no-repeat #004a85;
}

.contact .item i.youtube {
    background: url(../img/icons/youtubeIco1.png) center no-repeat #9e141f;
}

.contact .item i.twitter {
    background: url(../img/icons/twitterIco2.png) center no-repeat #28abbf
}

.contact .item i.instagram {
    background: url(../img/icons/instagramIco2.png) center no-repeat #2c668e
}

.contact .item i.fax {
    background: url(../img/icons/printer.png) center no-repeat #9e141f
}

.contact .item i.date {
    background: url(../img/icons/ico5.png) center no-repeat #9e141f
}

.contact .item i.clock {
    background: url(../img/icons/ico16.png) center no-repeat #9e141f
}

.contact .item i.tag {
    background: url(../img/icons/ico25.png) center no-repeat #9e141f
}

.contact .item i.organiser {
    background: url(../img/icons/ico26.png) center no-repeat #9e141f
}

.eventDetails .contact {
    width: auto;
    float: none;
    margin: 0
}

.eventDetails .contact .set {
    width: auto;
    float: none;
    margin: 0 0 10px
}

.eventDetails .contact .set.titleBottom {
    border-bottom: 1px dashed #eee;
    border-top: 1px solid #f6f6f6;
    margin-bottom: 15px;
    padding: 5px 0
}

.eventDetails .contact .set h4 {
    font-weight: 400;
    margin: 0 0 5px
}

.eventDetails .contact .item {
    float: none;
    font-size: 13px;
    display: flex
}

.eventDetails .contact .item .coloredBg {
    min-width: 120px;
    background: #f0f0f0;
    display: inline-block;
    margin-right: 20px;
    padding-right: 10px
}

.eventDetails .contact .item .coloredBg::before {
    content: '';
    width: 24px;
    height: 30px;
    float: left;
    background: url(../img/icons/ico10.png) center no-repeat rgba(0, 0, 0, .05);
    margin-right: 5px
}

.eventDetails .contact .item .coloredBg::after {
    content: ':';
    float: right;
    margin-right: -23px
}

.eventDetails .contact .item .coloredBg.location {
    background: #f0f0f0
}

.eventDetails .contact .item .coloredBg.location::before {
    background: url(../img/icons/ico8.png) center no-repeat rgba(0, 0, 0, .05)
}

.eventDetails .contact .item {
    width: auto
}

.eventDetails .contact .set.titleBottom .item {
    min-width: inherit;
    display: inline-block;
    margin: 0 15px 0 0;
    font-size: 12px
}

.eventDetails .contact .set.titleBottom .item i {
    width: 20px
}

.eventDetails .contact .item i.organiser {
    background: url(../img/icons/ico31.png) center center no-repeat
}

.eventDetails .contact .item i.tag {
    background: url(../img/icons/ico32.png) center center no-repeat
}

.persons {
    width: 100%;
    float: right;
    margin: 0 0 40px
}

.persons .item {
    width: 50%;
    float: left;
    line-height: 30px;
    color: #696969;
    margin: 10px 0
}

.persons .item .image {
    width: 100px;
    height: 100px;
    float: left
}

.googleMap, .googleMap .map {
    width: 100%;
    float: left
}

.persons .item a {
    color: #696969;
    float: left;
    margin: 20px 0 0 5px
}

.persons .item a:hover {
    color: #9e141f
}

.persons .item:hover {
    color: #555
}

.googleMap {
    margin-bottom: 40px
}

.googleMap .map iframe {
    width: 100% !important;
    height: 300px
}

.googleMap .mapBox img {
    width: 20px;
    height: 40px
}

.googleMap .mapBoxIco {
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    background: url(../img/infoBoxIco.png) center no-repeat #760710
}

.googleMap .mapBoxText {
    width: 180px;
    float: left;
    padding: 0 0 0 10px;
    line-height: 40px
}

.aofOffice, .aofOffice .alphabet, .aofOffice .list, .aofOffice .list li {
    width: 100%;
    float: left
}

.aofOffice .alphabet {
    border-bottom: 1px solid #ebebeb;
    text-align: center
}

.aofOffice .alphabet li {
    height: 34px;
    display: inline-block;
    line-height: 34px;
    font-size: 18px;
    font-weight: 700;
    margin: 0 5px
}

.aofOffice .alphabet li:last-child {
    font-weight: 300
}

.aofOffice .alphabet li a {
    color: #777
}

.aofOffice .alphabet li a:hover {
    color: #9e141f
}

.aofOffice .list li {
    border-bottom: 1px solid #f4f4f4;
    padding: 15px 0;
    margin: 0
}

.aofOffice .list .plateCode {
    width: 130px;
    height: 90px;
    float: left;
    position: relative;
    background: #f4f4f4;
    margin-right: 20px;
    color: #004a85
}

.aofOffice .list .plateCode i {
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    margin-top: 20px;
    line-height: 1px
}

.aofOffice .list .plateCode span {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 48px;
    font-weight: 300
}

.aofOffice .list .plateCode a {
    width: 100%;
    height: 90px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 74, 133, 1);
    opacity: 0
}

.aofOffice .list .plateCode a:after {
    content: "BÜROLARI GÖRÜNTÜLE";
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    margin-top: 25px
}

.aofOffice .list .plateCode a:hover {
    opacity: 1
}

.aofOffice .list .yr {
    width: auto;
    float: none;
    margin-bottom: 15px;
    padding: 0 0 0 150px
}

.aofOffice .list .headLine {
    float: none;
    font-size: 18px;
    color: #9e141f;
    display: block;
    background: url(../img/icons/ico14.png) -20px center no-repeat
}

.aofOffice .list .headLine:hover {
    float: none;
    font-size: 18px;
    color: #9e141f;
    display: block;
    background: url(../img/icons/ico14.png) left center no-repeat;
    text-indent: 15px
}

.aofOffice .list summary {
    float: none;
    font-size: 14px;
    color: #2f2f2f;
    line-height: 24px;
    margin: 0;
    text-align: justify;
    overflow: hidden;
    font-weight: 300
}

.aofOffice .list .more {
    width: 69.5%;
    float: right
}

.aofOffice .list .more a {
    float: right;
    background: url(../img/icons/ico14.png) right 5px no-repeat;
    padding: 0 20px 0 0;
    color: #9e141f
}

.aofOffice .list .more a:hover {
    background: url(../img/icons/ico14.png) left 5px no-repeat;
    padding: 0 20px;
    text-decoration: underline
}

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

.studentClubs .alphabet {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ebebeb;
    text-align: center
}

.studentClubs .alphabet li {
    height: 34px;
    display: inline-block;
    line-height: 34px;
    font-size: 18px;
    font-weight: 700;
    margin: 0 5px
}

.studentClubs .alphabet li:last-child {
    font-weight: 300
}

.studentClubs .alphabet li a {
    color: #777
}

.studentClubs .alphabet li a:hover {
    color: #9e141f
}

.studentClubs .list {
    width: 100%;
    float: left
}

.studentClubs .list li {
    width: 47.7%;
    float: left;
    border-bottom: 1px solid #f4f4f4;
    padding: 0 0 37px;
    margin: 15px 4.6% 15px 0
}

.studentClubs .list li:nth-child(even) {
    margin-right: 0
}

.studentClubs .list .image {
    width: 24.2%;
    height: 90px;
    float: left;
    position: relative;
    margin: 20px 0 0;
    background: url(../img/noImage.png) center no-repeat #f4f4f4
}

.studentClubs .list .image a {
    width: 100%;
    height: 90px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 74, 133, .9);
    opacity: 0
}

.studentClubs .list .image a:hover {
    opacity: 1
}

.studentClubs .list .image a .eye {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icons/ico3.png) center no-repeat
}

.studentClubs .list .image a:hover .eye {
    top: 32px
}

.studentClubs .list .image figure img {
    width: 100%;
    height: 150px
}

.studentClubs .list .headLine {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #9e141f
}

.studentClubs .list summary {
    width: 73%;
    height: 75px;
    float: right;
    font-size: 14px;
    color: #2f2f2f;
    line-height: 24px;
    margin: 17px 0 0;
    text-align: justify;
    overflow: hidden;
    font-weight: 300
}

.studentClubs .list .more {
    width: 69.5%;
    float: right
}

.studentClubs .list .more a {
    float: right;
    background: url(../img/icons/ico14.png) right 5px no-repeat;
    padding: 0 20px 0 0;
    color: #9e141f
}

.studentClubs .list .more a:hover {
    background: url(../img/icons/ico14.png) left 5px no-repeat;
    padding: 0 20px;
    text-decoration: underline
}

.pagination {
    width: 100%;
    float: left;
    margin: 15px 0 0;
    text-align: center
}

.pagination li {
    display: inline-block;
    margin: 3px;
    padding: 0
}

.dataDocs .list li, .dataDocs.long .list li {
    border-bottom: 1px solid #f4f4f4;
    padding: 0 0 25px
}

.pagination li a, .pagination li span {
    width: 30px;
    height: 30px;
    display: block;
    background: #f0f0f0;
    line-height: 30px;
    color: #101010
}

.pagination li.active span {
    width: 30px;
    height: 30px;
    display: block;
    background: #000;
    line-height: 30px;
    color: #fff;
}

.pagination li:nth-child(even) a {
    background: #f7f7f7
}

.pagination li a:hover {
    background: #9e141f;
    color: #fff
}

.pagination li a.disabled, .pagination li a.selected {
    background: #fff;
    color: #c7c7c7;
    cursor: default
}

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

.photoGallerys .list {
    float: left;
    margin: 0 0 0 -2%
}

.photoGallerys .list li {
    width: 23%;
    height: 280px;
    float: left;
    margin: 0 0 0 2%
}

.photoGallerys .list .image {
    width: 100%;
    float: left;
    position: relative
}

.photoGallerys .list .image a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(155, 8, 20, .9);
    opacity: 0
}

.photoGallerys .list .image a:hover {
    opacity: 1
}

.photoGallerys .list .image a .eye {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icons/ico3.png) center no-repeat
}

.photoGallerys .list .image a:hover .eye {
    top: 44px
}

.photoGallerys .list .image a .line {
    width: 60%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 95px;
    background: #fff;
    margin-left: -30%
}

.photoGallerys .list .image a .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff
}

.photoGallerys .list .image a:hover .text {
    bottom: 42px
}

.photoGallerys .list .image figure img {
    width: 100%;
    height: 180px;
    display: block
}

.photoGallerys .list .headLine {
    width: 100%;
    max-height: 60px;
    float: left;
    font-size: 15px;
    color: #9e141f;
    line-height: 20px;
    margin: 5px 0 0
}

.dataDocs h2, .dataDocs h3 {
    font-weight: 400;
    line-height: 1;
    float: left
}

.photoGallerys .list .total {
    width: 100%;
    float: left;
    font-size: 12px;
    margin: 0
}

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

.photoGallery .list {
    width: 100%;
    float: left;
    margin: 0 0 0 -2%
}

.photoGallery .list li {
    width: 23%;
    float: left;
    margin: 0 0 2% 2%
}

.photoGallery .list .image {
    width: 100%;
    float: left;
    position: relative
}

.photoGallery .list .image a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(155, 8, 20, .9);
    opacity: 0
}

.photoGallery .list .image a:hover {
    opacity: 1
}

.photoGallery .list .image a .zoom {
    width: 100%;
    height: 180px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: url(../img/icons/zoom.png) center 30px no-repeat
}

.photoGallery .list .image a:hover .zoom {
    opacity: 1;
    background: url(../img/icons/zoom.png) center no-repeat
}

.photoGallery .list .image figure img {
    width: 100%;
    height: 180px;
    display: block
}

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

.dataDocs h2 {
    width: 100%;
    font-size: 24px;
    color: #9e141f;
    margin: 0 0 20px
}

.dataDocs h3 {
    width: 100%;
    font-size: 20px;
    color: #004a85;
    margin: 0 0 10px
}

.dataDocs .list {
    width: 100%;
    float: left;
    margin: 0 0 50px
}

.dataDocs .list ul {
    width: 100%;
    float: left
}

.dataDocs .list li {
    width: 47%;
    float: left;
    margin: 10px 6% 15px 0
}

.announcement, .announcement .list, .announcement .list ul, .dataDocs .list .date, .dataDocs .list .headLine, .dataDocs.long .list li {
    width: 100%;
    float: left
}

.dataDocs .list li:nth-child(even), .dataDocs.long .list li {
    margin-right: 0
}

.dataDocs .list .headLine {
    font-size: 16px;
    color: #2f2f2f;
    background: url(../img/icons/listIcon5.png) left 9px no-repeat;
    padding-left: 15px;
    line-height: 24px
}

.dataDocs .list .headLine:hover {
    color: #9e141f;
    background: url(../img/icons/listIcon8.png) 0 9px no-repeat;
    padding-left: 20px
}

.dataDocs .list .date {
    font-size: 14px;
    color: #2f2f2f;
    line-height: 24px;
    text-align: justify;
    overflow: hidden;
    font-weight: 300;
    text-indent: 15px
}

.announcement {
    margin: 0 0 50px
}

.announcement.sidebar {
    margin: 0 0 20px
}

.announcement.sidebar > .headLine {
    width: 100%;
    float: left;
    color: #444;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #f7f7f7;
    padding: 0 0 12px;
    margin: 0 0 15px
}

.announcement .list li {
    width: 48%;
    min-height: 80px;
    float: left;
    margin-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
    box-sizing: border-box;
    padding: 0 10px 0 0
}

.announcement .list li:nth-child(even) {
    margin-left: 4%
}

.announcement.sidebar .list li {
    width: 100%;
    margin-left: 0 !important
}

.announcement ul li .calendar {
    width: 65px;
    float: left;
    text-align: center;
    line-height: 30px;
    position: relative;
    margin: 0 10px 0 0;
    color: #fff;
    border-right: 5px solid #fff
}

.announcement ul li .calendar .date {
    width: 100%;
    height: 30px;
    float: left;
    font-family: Noto, serif;
    background: #9e141f;
    font-size: 26px;
    font-weight: 700;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.announcement ul li .calendar .month {
    width: 100%;
    height: 20px;
    float: left;
    line-height: 20px;
    font-family: Noto, serif;
    background: #770c14;
    padding: 4px 0;
    font-size: 12px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.announcement .list li .headLine {
    width: auto;
    float: none;
    overflow: hidden;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #444;
    background: url(../img/icons/ico14.png) -20px center no-repeat
}

.management, .management .person {
    width: 100%;
    float: left
}

.announcement.sidebar .list li .headLine {
    font-size: 14px;
    line-height: 24px
}

.announcement .list li .headLine:hover {
    color: #9e141f;
    padding-left: 20px;
    background: url(../img/icons/ico14.png) left center no-repeat
}

.announcement.sidebar .list li .headLine:hover {
    color: #9e141f;
    padding-left: 0;
    background: url(../img/icons/ico14.png) -20px center no-repeat
}

.management .person {
    margin-bottom: 55px
}

.management .person .image {
    width: 200px;
    height: 280px;
    float: left;
    position: relative
}

.management .person .image a {
    width: 100%;
    height: 280px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(155, 8, 20, .9);
    opacity: 0
}

.management .person .image a:hover {
    opacity: 1
}

.management .person .image a .eye {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icons/ico3.png) center no-repeat
}

.management .person .image a:hover .eye {
    top: 104px
}

.management .person .image a .line {
    width: 60%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 145px;
    background: #fff;
    margin-left: -30%
}

.management .person .image a .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff
}

.management .person .image a:hover .text {
    bottom: 102px
}

.management .person .image figure img {
    width: 100%;
    height: 280px
}

.management .person .headLine {
    width: 74%;
    float: right;
    font-size: 18px;
    color: #9e141f
}

.management .person .headLine a {
    float: left;
    color: #9e141f
}

.management .person .headLine a:hover {
    margin: 0 0 0 10px
}

.management .person .name {
    width: 74%;
    float: right;
    font-size: 18px;
    color: #444;
    margin: 10px 0 0
}

.management .person summary {
    width: 74%;
    min-height: 165px;
    float: right;
    font-size: 16px;
    color: #555;
    line-height: 30px;
    margin: 15px 0 0;
    text-align: justify;
    font-weight: 300
}

.management .person .more {
    width: 74%;
    float: right
}

.management .person .more a {
    float: right;
    background: url(../img/icons/ico14.png) right 3px no-repeat;
    padding: 0 20px 0 0;
    color: #9e141f
}

.management .person .more a:hover {
    background: url(../img/icons/ico14.png) left 3px no-repeat;
    padding: 0 20px;
    text-decoration: underline
}

.management .person .bottom {
    width: 90%;
    height: 5px;
    margin: 0 auto;
    border-bottom: 1px solid #dedede;
    text-align: center;
    clear: both;
    padding: 45px 0 0
}

.management .person .bottom span {
    width: 120px;
    height: 11px;
    display: inline-block;
    background: url(../img/icons/ico18.png) center no-repeat #fff
}

.pageTabber {
    width: 100%;
    height: 60px;
    float: left;
    border-top: 3px solid #f4f4f4
}

.pageTabber.style1 li {
    float: left;
    font-size: 16px
}

.pageTabber.style1 li a {
    float: left;
    padding: 12px 10px;
    color: #555;
    text-transform: uppercase;
    background: #f4f4f4;
    position: relative;
    margin: 0 10px 0 0
}

.pageTabber.style1 li a.selected, .pageTabber.style1 li a.selected:hover {
    background: #9e141f;
    color: #fff;
    margin-top: 5px
}

.pageTabber.style1 li a:hover {
    background: #e8e8e8
}

.pageTabber.style1 li a .arrow {
    width: 12px;
    height: 6px;
    position: absolute;
    left: 50%;
    bottom: -4px;
    margin-left: -6px;
    background: url(../img/icons/arrowDown.png) center no-repeat;
    opacity: 0
}

.formAU .alerts, .formAU fieldset {
    width: 100%;
    float: left
}

.formAU, .formAU .alerts .alert {
    width: 100%;
    float: left;
    position: relative
}

.pageTabber.style1 li a.selected .arrow {
    bottom: -6px;
    opacity: 1
}

.formAU fieldset {
    border-bottom: 2px dashed #CCC;
    padding: 0 0 10px;
    margin: 0 0 30px
}

.formAU .alerts .alert {
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
/ -ms-box-sizing: border-box;
    margin: 0 0 10px;
    animation-name: AlertAnim;
    animation-duration: .8s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    -webkit-animation-name: AlertAnim;
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    border-radius: 2px
}

@keyframes AlertAnim {
    from {
        margin-top: -10px;
        opacity: 0
    }
    to {
        margin-top: 0;
        opacity: 1
    }
}

@-webkit-keyframes AlertAnim {
    from {
        margin-top: -10px;
        opacity: 0
    }
    to {
        margin-top: 0;
        opacity: 1
    }
}

.formAU .alerts ol li {
    background: transparent !important;
}

.formAU .alerts ol li:before {
    color: #fff !important;
}

.formAU .alerts .alert.info {
    background: #6db7d6;
    border-color: #5aa8c9
}

.formAU .alerts .alert.success {
    background: #a3d179;
    border-color: #98c46f
}

.formAU .alerts .alert.warning {
    background: #eba02d;
    border-color: #e19828
}

.formAU .alerts .alert.danger {
    background: #e33743;
    border-color: #d41926
}

.formAU .alerts .alert .close {
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.formAU .alerts .alert .close span {
    width: 40px;
    height: 100%;
    float: right;
    background: rgba(0, 0, 0, .1);
    border: none;
    cursor: pointer;
    text-align: center;
    padding: 0;
    line-height: 40px;
    font-family: Ubuntu, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #fff
}

.formAU .alerts .alert .close span:before {
    content: "X"
}

.formAU .alerts .alert .close span:hover {
    width: 45px;
    background: rgba(0, 0, 0, .2);
    font-weight: 700
}

.formAU .line {
    width: 100%;
    float: left;
    margin-bottom: 25px
}

.formAU .line.half {
    width: 50%
}

.formAU .line .headLine {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #004a85;
    margin-bottom: 7px
}

.formAU .line .headLine span.info {
    color: #555;
    font-size: 14px
}

.formAU .line .headLine span.danger {
    color: #cf3638;
    font-size: 14px
}

.formAU .line .element {
    width: 100%;
    float: left;
    margin: 0 0 5px
}

.formAU .line .element .pwShow {
    width: 24px;
    height: 24px;
    float: left;
    background: #d0d0d0 url("../img/icons/pwShow.png") no-repeat center;
    background-size: 70%;
    cursor: pointer;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin: 8px 0 0 -30px;
}

.formAU .line .element .pwShow:hover {
    background-color: #6db7d6;
}

.formAU .line .textLine {
    width: 100%;
    float: left;
    margin: 6px 0 0;
    color: #999
}

.formAU input[type=password], .formAU input[type=text] {
    width: 50%;
    height: 40px;
    float: left;
    border: 1px solid #ccc;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #444;
    border-radius: 2px
}

.formAU .password {
    letter-spacing: 3px;
}

.formAU input[type=password]:hover, .formAU input[type=text]:hover {
    color: #005ca5;
    border: 1px solid #005ca5
}

.formAU input[type=password]:focus, .formAU input[type=text]:focus {
    color: #444;
    border: 1px solid #444;
    box-shadow: inset 0 5px 3px rgba(0, 0, 0, .05)
}

.formAU input[type=password]:disabled, .formAU input[type=text]:disabled {
    color: #666;
    border: 1px solid #e3e3e3;
    border-left-width: 4px;
    cursor: not-allowed
}

.formAU input.danger {
    color: #cf3638;
    border: 1px solid #cf3638;
    border-left-width: 4px
}

.formAU .checkRadio {
    width: 100%;
    float: left
}

.formAU .checkRadio .box {
    width: 100%;
    float: left;
    margin: 5px 0
}

.formAU .checkRadio.inline4 .box {
    width: 25%
}

.formAU .checkRadio.inline3 .box {
    width: 33.3%
}

.formAU .checkRadio input {
    display: none
}

.formAU .checkRadio input + label {
    cursor: pointer;
    color: #444;
    font-weight: 400
}

.formAU .checkRadio input + label div {
    float: left;
    line-height: 21px;
}

.formAU .checkRadio input + label:hover {
    color: #004a85
}

.formAU .checkRadio input:checked + label {
    color: #8dc73f
}

.formAU .checkRadio input:disabled + label {
    color: #c2c2c2;
    cursor: not-allowed
}

.formAU .checkRadio.radios input + label span {
    border-radius: 100%
}

.formAU .checkRadio input + label span {
    width: 19px;
    height: 19px;
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 7px #e9e9e9;
    background-position: center top;
    border-radius: 2px
}

.formAU .checkRadio input + label:hover span {
    background: url(../img/icons/ico20.png) center no-repeat #004a85;
    border: 1px solid #004a85;
    box-shadow: none
}

.formAU .checkRadio input:checked + label span {
    background: url(../img/icons/ico20.png) center no-repeat #8dc73f;
    border: 1px solid #8dc73f;
    box-shadow: none
}

.formAU .checkRadio input:disabled + label span {
    opacity: .4;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 0 7px #e9e9e9;
    background: #fff
}

.formAU textarea {
    width: 40%;
    max-width: 100%;
    min-height: 50px;
    float: left;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #444;
    overflow: auto;
    border-radius: 2px
}

.formAU .customSelect .jspPane, .mm-wrapper {
    overflow-x: hidden
}

.formAU textarea.small {
    width: 30% !important;
    min-height: 80px
}

.formAU textarea.medium {
    width: 50% !important;
    min-height: 110px
}

.formAU textarea.long {
    width: 80% !important;
    min-height: 150px
}

.formAU textarea:hover {
    color: #005ca5;
    border: 1px solid #005ca5
}

.formAU textarea:focus {
    color: #444;
    border: 1px solid #8dc73f;
    box-shadow: inset 0 5px 3px rgba(0, 0, 0, .05)
}

.formAU textarea:disabled {
    color: #666;
    border: 1px solid #e3e3e3;
    border-left-width: 4px;
    cursor: not-allowed
}

.formAU input[type=button], .formAU input[type=submit] {
    height: 40px;
    float: left;
    background: #bfbfbf;
    border-bottom: 3px solid #a2a2a2;
    padding: 0 10px;
    display: block;
    color: #fff;
    font-weight: 500;
    line-height: 35px;
    cursor: pointer;
    margin: 5px 5px 5px 0;
    border-radius: 2px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

.formAU input[type=button].blue, .formAU input[type=submit].blue {
    background: #005ca5;
    border-bottom: 3px solid #00294a
}

.formAU input[type=button].red, .formAU input[type=submit].red {
    background: #cf3638;
    border-bottom: 3px solid #9e141f
}

.formAU input[type=button].orange, .formAU input[type=submit].orange {
    background: #eba02d;
    border-bottom: 3px solid #dc8c10
}

.formAU input[type=button]:disabled, .formAU input[type=submit]:disabled {
    opacity: .4;
    cursor: not-allowed
}

.formAU input[type=button]:disabled:hover, .formAU input[type=submit]:disabled:hover {
    background: #bfbfbf;
    border-bottom: 3px solid #a2a2a2;
    margin: 5px 5px 5px 0 !important
}

.formAU input[type=button]:hover, .formAU input[type=submit]:hover {
    background: #8dc73f;
    border-bottom: 3px solid #71aa23
}

.formAU input[type=button]:active, .formAU input[type=submit]:active {
    background: #71aa23;
    border-bottom: 3px solid #629b15;
    margin: 10px 5px 0 0;
    transition: all .1s ease-in-out
}

.formAU .customSelect {
    width: 20%;
    position: relative;
    float: left;
    margin-right: 10px
}

.formAU .min .customSelect {
    width: 50%
}

.formAU .mid .customSelect {
    width: 70%
}

.formAU .long .customSelect {
    width: 100%
}

.formAU .customSelect .selectedValue {
    height: 38px;
    padding: 0 10px;
    color: #444;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    line-height: 38px;
    border-radius: 2px
}

.formAU .customSelect:hover .selectedValue {
    border: 1px solid #004a85
}

.formAU .customSelect.select-open .selectedValue {
    border: 1px solid #8dc73f
}

.formAU .customSelect .selectList {
    width: 100%;
    z-index: 100;
    position: absolute;
    left: 0;
    top: auto;
    padding: 7px 0;
    list-style: none;
    background: #f0f0f0;
    border: 1px solid #8dc73f;
    border-top-width: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    visibility: hidden;
    opacity: 0
}

.formAU .customSelect.select-open .selectList {
    left: 0 !important;
    top: auto !important;
    visibility: visible;
    opacity: 1
}

.formAU.customSelect .selectList dl {
    background: #fff
}

.formAU .customSelect .selectList dl.defaultScrollbar {
    overflow-x: hidden;
    overflow-y: scroll
}

.customSelect dd, .formAU .customSelect dl {
    margin: 0
}

.formAU .customSelect dd {
    zoom: 1;
    cursor: pointer;
    line-height: 24px
}

.formAU .buttonFile, .formAU select.default {
    line-height: 38px;
    cursor: pointer;
    height: 38px
}

.formAU .customSelect .disabled {
    color: #999;
    cursor: default
}

.formAU .customSelect .selectList dd.hovered {
    background: #e3e3e3
}

.formAU .customSelect .selectList dd.disabled.hovered {
    background: 0 0;
    color: #999;
    cursor: not-allowed
}

.formAU .customSelect .selected, .formAU .customSelect dd.selected.hovered {
    color: #fff;
    background: url(../img/icons/ico20.png) 5px center no-repeat #8dc73f
}

.formAU .customSelect .selected {
    padding-left: 25px
}

.formAU .customSelect dd.selected.hovered {
    cursor: not-allowed
}

.formAU .customSelect dt {
    font-weight: 700;
    padding: 5px 10px 5px 6px;
    border-bottom: 1px dashed #ccc;
    color: #005ca5
}

.formAU .customSelect dd {
    padding: 2px 10px 2px 8px
}

.formAU .hasJS select.custom {
    position: absolute;
    left: -999em
}

.formAU .hasJS select.custom.use-default {
    position: absolute;
    left: auto;
    height: auto;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    font-size: 16px
}

.formAU .customSelect.disabled .selectedValue {
    border: 1px solid #ccc;
    color: #ccc;
    cursor: default
}

.formAU .customSelect .caret {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #ccc;
    background: url(../img/icons/caret.png) center no-repeat
}

.formAU .customSelect .selectValueWrap .caret {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.formAU .customSelect:hover .selectValueWrap .caret {
    border-left: 1px solid #004a85
}

.formAU .customSelect.select-open .selectValueWrap .caret {
    border-left: 1px solid #8dc73f;
    background: url(../img/icons/caretWhite.png) center no-repeat
}

.formAU .customSelect .jspVerticalBar {
    background: 0 0;
    width: 8px
}

.formAU .customSelect .jspHorizontalBar {
    height: 0;
    overflow: hidden
}

.formAU .customSelect .jspTrack {
    background: 0 0;
    right: 5px;
    border-radius: 5px
}

.formAU .customSelect .jspDrag {
    border-radius: 5px;
    color: #fff;
    opacity: .5;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #444, #222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
    background-image: -webkit-linear-gradient(top, #444, #222);
    background-image: -o-linear-gradient(top, #444, #222);
    background-image: linear-gradient(to bottom, #444, #222);
    background-repeat: repeat-x;
    border-color: #222 #222 #000;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.formAU select.default {
    width: 20%;
    float: left;
    margin-right: 10px;
    padding: 0 10px;
    color: #444;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px
}

.formAU select.default.min {
    width: 50%
}

.formAU select.default.mid {
    width: 70%
}

.formAU select.default.long {
    width: 100%
}

.formAU .upload {
    width: 100%;
    float: left
}

.formAU .buttonFile {
    min-width: 140px;
    float: left;
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #f3f3f3;
    border-radius: 2px 0 0 2px;
    font-size: 14px;
    text-align: center
}

.formAU .buttonFile:hover {
    background: #9ad44c;
    border-color: #9ad44c;
    color: #fff
}

.formAU .buttonFile .ico {
    width: 30px;
    height: 38px;
    float: left;
    background: url(../img/icons/ico21.png) center no-repeat
}

.formAU .buttonFile input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block
}

.formAU .form-control, .formAU .form-control:focus, .formAU .form-control:hover {
    min-width: 50%;
    line-height: 40px;
    color: #8dc73f;
    font-size: 14px;
    height: 40px;
    float: none;
    border: 1px dashed #ccc !important;
    border-left: none !important;
    padding: 0 0 0 10px;
    border-radius: 0 2px 2px 0 !important;
    cursor: default;
    box-shadow: none !important;
    background: url(../img/icons/ico21.png) 10px center no-repeat;
    text-indent: 15px
}

.formAU .uploadPhoto {
    width: 200px;
    float: left
}

.formAU .uploadPhoto.medium {
    width: 250px;
    float: left
}

.formAU .uploadPhoto.long {
    width: 300px;
    float: left
}

.formAU .uploadPhoto .loadImg {
    width: 100%;
    min-height: 50px;
    background: url(../img/icons/ico23.png) center 10px no-repeat;
    border: 1px dashed #ccc;
    border-radius: 2px;
    float: left;
    position: relative;
    margin: 0 0 5px;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
/ -ms-box-sizing: border-box
}

.formAU .uploadPhoto .loadImg img {
    width: 100%;
    min-height: 50px;
    float: left;
    border-radius: 3px;
    position: relative;
    z-index: 2;
    border: none;
    display: none
}

.formAU .uploadPhoto .loadImg i {
    width: 20px;
    height: 20px;
    background: url(../img/icons/ico20.png) center no-repeat #8dc73f;
    border-radius: 20px;
    position: absolute;
    right: -5px;
    top: -5px;
    text-indent: -9999px;
    display: none;
    z-index: 999
}

.formAU .uploadPhoto .fileButton {
    width: 100%;
    float: left;
    position: relative;
    background: #f3f3f3;
    padding: 10px 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #333;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
/ -ms-box-sizing: border-box;
    overflow: hidden;
    cursor: pointer
}

.formAU .uploadPhoto .fileButton:hover {
    background: #9ad44c;
    border-color: #9ad44c;
    color: #fff
}

.formAU .uploadPhoto .fileButton:active {
    background: #005ca5;
    border-color: #005ca5;
    color: #fff
}

.formAU .uploadPhoto .fileButton input.upload {
    height: 40px !important;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.formAU .jspContainer {
    overflow: hidden;
    position: relative
}

.formAU .jspPane {
    position: absolute
}

.formAU .jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red
}

.formAU .jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red
}

.formAU .jspHorizontalBar *, .formAU .jspVerticalBar * {
    margin: 0;
    padding: 0
}

.shortContact .headLine, .shortInfo .headLine {
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 12px;
    margin-bottom: 10px
}

.formAU .jspCap {
    display: none
}

.formAU .jspHorizontalBar .jspCap {
    float: left
}

.formAU .jspTrack {
    background: #dde;
    position: relative
}

.formAU .jspDrag {
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.formAU .jspHorizontalBar .jspDrag, .formAU .jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.formAU .jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

.formAU .jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.formAU .jspVerticalBar .jspArrow {
    height: 16px
}

.formAU .jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.formAU .jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

.formAU .passController.focus {
    border: 1px solid #d41926 !important;
}

.formAU .passController.valid {
    border: 1px solid #98c46f !important;
}

.formAU .passwordController {
    width: 50%;
    float: left;
    border: 1px solid #d41926;
    display: none;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 1px 10px 0 0;
}

.formAU .passwordController.show {
    display: block;
}

.formAU .passwordController.valid {
    border: 1px solid #98c46f;
}

.formAU .passwordController dt {
    width: 100%;
    float: left;
    color: #d41926;
}

.formAU .passwordController dt.valid {
    color: #98c46f;
    font-weight: 500;
}

.formAU .passwordController dt::before {
    content: '';
    width: 20px;
    height: 20px;
    float: left;
    background: #d41926 url("../img/infoBoxClose.png") no-repeat center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 5px 5px 0 0;
}

.formAU .passwordController dt.valid::before {
    background: #98c46f url("../img/icons/ico20.png") no-repeat center;
}

.formAU .pwFalse, .formAU .pwTrue {
    width: 50%;
    float: left;
    border: 1px solid #d41926;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 1px 10px 0 0;
    font-weight: 300;
    color: #d41926;
    display: none;
    visibility: hidden;
}

.formAU .pwFalse::before, .formAU .pwTrue::before {
    content: '';
    width: 20px;
    height: 20px;
    float: left;
    background: #d41926 url("../img/infoBoxClose.png") no-repeat center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 5px 5px 0 0;
}

.formAU .pwTrue {
    color: #98c46f;
    border: 1px solid #98c46f;
    font-weight: 500;
}

.formAU .pwTrue::before {
    background: #98c46f url("../img/icons/ico20.png") no-repeat center;
}

.formAU .pwFalse.visible, .formAU .pwTrue.visible {
    visibility: visible;
}

.formAU .pwFalse.show, .formAU .pwTrue.show {
    display: block;
}

.shortInfo {
    width: 67.8%;
    float: left;
    margin-top: 25px
}

.shortInfo .headLine {
    width: 100%;
    float: left;
    color: #9e141f
}

.shortInfo .image, .shortInfo .image img {
    width: 140px;
    height: 130px
}

.shortInfo .image {
    float: left;
    margin-right: 10px
}

.shortInfo summary {
    line-height: 24px;
    color: #343434
}

.shortInfo summary a {
    margin-top: 4px;
    display: inline-block;
    color: #9f1722;
    background: url(../img/icons/ico14.png) -14px center no-repeat
}

.shortInfo summary a:hover {
    background: url(../img/icons/ico14.png) left center no-repeat;
    text-indent: 15px
}

.shortContact {
    width: 100%;
    float: right;
    margin-top: 40px
}

.shortContact .headLine {
    width: 100%;
    float: left;
    color: #9e141f
}

.shortContact .list {
    width: 100%;
    float: left
}

.shortContact .list li {
    width: 100%;
    min-height: 20px;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding-left: 25px;
    margin-bottom: 20px
}

.guides .list, .guides h2 {
    width: 100%;
    margin: 0 0 20px;
    float: left
}

.shortContact .list li.address {
    background: url(../img/icons/address1.png) left 3px no-repeat
}

.shortContact .list li.mail {
    background: url(../img/icons/mail1.png) left 3px no-repeat
}

.shortContact .list li.phone {
    background: url(../img/icons/phone1.png) left 0 no-repeat
}

.shortContact .list li.sharp {
    background: url(../img/icons/sharp.png) left 0 no-repeat
}

.shortContact .list li a:hover {
    color: #9f1722
}

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

.guides h2 {
    font-size: 24px;
    color: #9e141f;
    font-weight: 400;
    line-height: 1
}

.guides .list li {
    width: 48%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin-bottom: 25px;
    padding: 0 10px 0 0;
    border-bottom: 1px solid #eee;
    margin-right: 2%
}

.guides .list li .image {
    width: 100px;
    float: left;
    margin-bottom: 10px
}

.guides.video .list li .image {
    width: 150px;
    float: left;
    margin-bottom: 10px
}

.guides .list li .image img {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.guides .list li .details {
    margin-left: 110px
}

.guides.video .list li .details {
    margin-left: 160px
}

.guides .list li .name {
    width: 100%;
    min-height: 70px;
    margin-bottom: 10px;
    display: inline-block;
    background: #f8f8f8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 10px;
    line-height: 20px
}

.guides .download {
    background: url(../img/icons/ico21.png) 5px center no-repeat;
    padding: 5px 5px 5px 18px;
    color: #999;
    font-size: 14px;
    border: 1px solid #d3d3d3
}

.notFound .error .heading, .notFound .error .heading span {
    font-size: 130px;
    font-family: Noto, serif
}

.loadingArea {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #FFF;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    animation-name: loadingAreaAnimation;
    animation-duration: 2s;
    animation-delay: .5s;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    -webkit-animation-name: loadingAreaAnimation;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: .5s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 15;
    border: 3px dotted #fff
}

.loadingArea .logo, .notFound {
    animation-iteration-count: infinite
}

.loadingArea .logo {
    width: 100px;
    height: 100px;
    margin: 50% auto 10px;
    animation-name: logoAnimation;
    animation-duration: 2s;
    animation-delay: .5s;
    animation-timing-function: ease-in;
    -webkit-animation-name: logoAnimation;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: .5s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 15;
    background: #9E141F
}

.loadingArea .text {
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #004A85
}

.loadingArea .text span {
    font-weight: 600
}

.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #9E141F;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@keyframes bouncedelay {
    0%, 100%, 80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes bouncedelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

.notFound {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: url(../img/404-v2.jpg) center top no-repeat #000;
    background-size: cover;
    /*animation-name: notFound;*/
    /*animation-duration: 1.4s;*/
    /*animation-timing-function: ease-in-out;*/
    /*-webkit-animation-name: notFound;*/
    /*-webkit-animation-duration: 1.4s;*/
    /*-webkit-animation-timing-function: ease-in-out;*/
    /*-webkit-animation-iteration-count: infinite*/
}

@keyframes notFound {
    0%, 40%, 90% {
        top: 0
    }
    20%, 80% {
        top: 5px
    }
    60% {
        top: 3px
    }
}

@-webkit-keyframes notFound {
    0%, 40%, 90% {
        top: 0
    }
    20%, 80% {
        top: 5px
    }
    60% {
        top: 3px
    }
}

.notFound .blackScreen {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /*background: rgba(0, 0, 0, .3);*/
    /*animation-name: blackScreen;*/
    /*animation-duration: 1.4s;*/
    /*animation-timing-function: ease-in-out;*/
    /*animation-iteration-count: infinite;*/
    /*-webkit-animation-name: blackScreen;*/
    /*-webkit-animation-duration: 1.4s;*/
    /*-webkit-animation-timing-function: ease-in-out;*/
    /*-webkit-animation-iteration-count: infinite;*/
    display: table
}

@-webkit-keyframes blackScreen {
    0%, 100%, 40%, 60% {
        background: rgba(0, 0, 0, .3)
    }
    10%, 70% {
        background: rgba(0, 0, 0, .5)
    }
    20% {
        background: rgba(0, 0, 0, .35)
    }
    30% {
        background: rgba(0, 0, 0, .45)
    }
    50%, 80% {
        background: rgba(0, 0, 0, .4)
    }
    90% {
        background: rgba(0, 0, 0, .2)
    }
}

.notFound .error {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-style: italic;
}

.notFound .error .heading {
    vertical-align: middle;
    text-align: center;
    font-style: italic;
    border-bottom: 2px solid #fff;
    display: inline-block;
    padding: 0 110px;
    opacity: 0;
}

.notFound .error .code, .notFound .error .more {
    font-family: Noto, serif;
    display: block;
    text-align: center
}

.notFound .error .heading i {
    width: 60px;
    height: 60px;
    position: absolute;
    font-size: 60px;
    line-height: 180px
}

.notFound .error .heading i.left {
    left: 50%;
    margin-left: -230px
}

.notFound .error .heading i.right {
    right: 50%;
    margin-right: -230px
}

.notFound .error .code {
    font-size: 36px;
    font-style: italic;
    margin: 10px 0 80px;
    opacity: 0;
}

.notFound .error .more {
    font-size: 18px;
    font-style: normal
}

.notFound .error .more a {
    font-family: Ubuntu, sans-serif;
    background: #fff;
    color: #92030a;
    padding: 15px 25px;
    border-radius: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
    transition: all .3s;
}

.notFound .error .more :hover {
    background: #92030a;
    color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.8);
}

.notFound .error .more a.aramayap {
    background: #004a85
}

.searchList {
    width: 100%;
    float: left;
    margin: 30px 0 0
}

.searchList .searchForm {
    width: 590px;
    float: none;
    border: 1px solid #ccc;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #444;
    border-radius: 2px;
    margin: 0 auto 30px
}

.searchList .searchForm.formAU input[type=text] {
    width: 80%;
    height: 40px;
    float: none;
    border: none;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #444;
    border-radius: 2px
}

.formAU input[type=text]:hover {
    color: #005ca5
}

.formAU input[type=text]:focus {
    color: #444;
    box-shadow: none
}

.searchList .searchForm.formAU input[type=button], .searchList .searchForm.formAU input[type=submit] {
    float: right;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px
}

.searchList .searchTitle {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #004a85
}

.searchList .searchTitle span {
    font-weight: 300
}

.searchList .results, .searchList li .headLine, .searchList li .link, .searchList li summary {
    width: 100%;
    float: left
}

.searchList .results li {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

.searchList .results li:hover {
    background: #f6f6f6;
    border-left: 4px solid #92030a;
    border-bottom: 1px solid #fff;
    padding-left: 5px
}

.searchList .results li .headLine {
    color: #90101a;
    font-size: 18px;
    margin-bottom: 10px
}

.searchList .results li summary {
    font-size: 15px;
    font-weight: 300;
    color: #666;
    margin-bottom: 10px;
    line-height: 24px
}

.searchList .results li summary span.tag {
    background: #90101a;
    color: #fff;
    padding: 2px 5px;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 16px
}

.searchList .results li summary span.tag.duyuru {
    background: #141414
}

.searchList .results li summary span.tag.etkinlik {
    background: #004a85
}

.searchList .results li summary span.tag.sayfa {
    background: #cb0e1d
}

.searchList .results li .link {
    color: #a5a5a5;
    font-style: italic;
    word-break: break-all
}

.searchList .results li .link:hover {
    color: #9e141f
}

.formAU .checkRadio input + label::before {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    box-shadow: inset 0 0 7px #e9e9e9;
    background-position: center top
}

.checkRadio.rating i, .rating label {
    height: 22px;
    width: 22px;
    display: block
}

.formAU .checkRadio input + label:hover::before {
    background: url(../img/icons/ico20.png) center no-repeat #004a85;
    border: 2px solid #004a85;
    box-shadow: none;
    color: rgba(255, 255, 255, 0)
}

.formAU .checkRadio input:checked + label::before {
    background: url(../img/icons/ico20.png) center no-repeat #8dc73f;
    border: 2px solid #8dc73f;
    box-shadow: none;
    color: rgba(255, 255, 255, 0)
}

.formAU .checkRadio input:disabled + label::before {
    opacity: .4;
    border: 2px solid #e3e3e3;
    box-shadow: inset 0 0 7px #e9e9e9;
    background: #fff
}

.poll.checkBoxList .checkRadio {
    margin-top: 10px
}

.poll .box {
    width: 33.3% !important;
    box-sizing: border-box
}

.alertBox .alert .message, .interactiveEthics .summary {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.poll.checkBoxList .checkRadio .box label span {
    margin-top: 5px
}

.checkRadio.rating {
    text-align: center;
    float: none;
    display: inline-block;
    margin-top: 10px
}

.checkRadio.rating .box {
    width: auto !important;
    float: none;
    display: inline-block;
    margin: 0
}

.checkRadio.rating i {
    line-height: 22px;
    font-style: normal;
    text-align: center;
    text-indent: 3px;
    color: #686868;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0
}

.rating label {
    position: relative
}

.rating input + label span {
    width: 22px !important;
    height: 22px !important;
    float: none !important;
    display: block;
    margin: -22px auto 0;
    background: #fff
}

.rating input:checked + label i, .rating input:hover + label i {
    color: transparent
}

.poll table {
    float: left
}

.alertBox {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .8);
    z-index: 8888
}

.alertBox .alert {
    width: 320px;
    height: auto;
    position: fixed;
    left: 50%;
    top: 30%;
    margin-left: -160px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .4);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

footer, footer .bottom {
    left: 0;
    position: absolute
}

.alertBox .alert .headLine {
    width: 100%;
    height: 50px;
    float: left;
    background: #666;
    color: #FFF;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
    position: relative
}

.alertBox.danger .alert .headLine {
    background: #c62828;
    border-top: 2px solid #d32d2d
}

.alertBox.info .alert .headLine {
    background: #135bad;
    border-top: 2px solid #1565c0
}

.alertBox.success .alert .headLine {
    background: #338036;
    border-top: 2px solid #388e3c
}

.alertBox.warning .alert .headLine {
    background: #dd7315;
    border-top: 2px solid #f57f17
}

.alertBox .alert .headLine .close {
    width: 44px;
    position: absolute;
    top: 10px;
    right: -44px;
    background: #790b14;
    font-size: 11px;
    font-weight: 300;
    color: #fff;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    transition: .3s ease-in-out
}

.alertBox .alert .headLine .close:hover {
    line-height: 24px
}

.alertBox .alert .message {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 20px 10px;
    color: #666;
    background: #fff;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px
}

.accordionNav > ul li .openUL, .accordionNav > ul li ul > li a, .accordionNav > ul > li > a, .activitiesSidebar > ul > li > a, .announcement .list li, .announcement .list li .headLine, .announcements ul li a, .aofLogin a span, .artDocs .item i, .biggerSearch, .bottomStrip, .campusCol .image a, .campusCol .image a .eye, .campusCol .image a .text, .campusColMini .headLine, .campusLife .category .image a, .campusLife .category .image a .eye, .campusLife .category .image a .text, .campusLife .category .list ul li a, .columnList .column .headLine a, .columnList .column .image a, .columnList .column .image a .eye, .columnList .column .image a .text, .columnList .column .more a, .contact .item a, .contact .item i, .contacts .item, .contacts .item i, .dataDocs .list .headLine, .events .headingBar .more a, .events .list .event .headLine a, .events .list .event .image a, .events .list .event .image a .eye, .events .list .event .image a .text, .fixedMessage, .footerLinks ul li a, .footerSocials li a, .formAU .alerts .alert .close span, .formAU .buttonFile, .formAU .checkRadio input + label, .formAU .checkRadio input + label span, .formAU .customSelect .caret, .formAU .customSelect .selectList, .formAU .customSelect .selectedValue, .formAU .uploadPhoto .fileButton, .formAU .uploadPhoto .loadImg img, .formAU input[type=button], .formAU input[type=password], .formAU input[type=submit], .formAU input[type=text], .formAU textarea, .formCountDown, .formCountDown li, .headerNav .first > li, .headerNav .first > li a, .language li a, .lastNews .headingBar .more a, .lastNews .list .new .image a, .lastNews .list .new .image a .eye, .lastNews .list .new .image a .text, .leftSidebar, .links .list li a, .links .listBoxed li .back, .links .listBoxed li .front, .links .listBoxed li .icon, .mainSliderArea .rslides_nav, .management .person .image a, .management .person .image a .eye, .management .person .image a .text, .management .person .more a, .ourUniversity .headingBar .more a, .ourUniversity .list .article .image a, .ourUniversity .list .article .image a .eye, .ourUniversity .list .article .image a .text, .pageHeading ul li a, .pageTabber li a, .pageTabber li a .arrow, .pagination li a, .persons .item a, .photoGallery .list .image a, .photoGallery .list .image a .zoom, .photoGallerys .list .image a, .photoGallerys .list .image a .eye, .photoGallerys .list .image a .text, .poll, .poll .answers li label, .poll .answers li label::before, .quickButtons ul li a, .searchList .results li, .slideGallery .caption .headLine, .slideGallery .rslides_nav, .slideGallery .rslides_tabs li a, .slideGallery .summary .bl, .strategy .list li .ico, .strategy .more, .studentClubs .alphabet li a, .studentClubs .list .image a, .studentClubs .list .image a .eye, .studentClubs .list .more a, .subNav, .tabberArea .jTabs li a, .topNav li a, .userArea .loginButton, .userArea .searchButton, .userArea .userProfile .logout, a, article .content ol li a, article .content ul li a, article table td, article table th, article table tr, footer .bottom .apps a, footer .bottom .copyright a, .sub span {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

footer {
    width: 100%;
    background: url(../img/footerBg.png) center top no-repeat #191b1d;
    margin: 70px 0 0;
    padding: 0 0 40px;
    bottom: 0;
    display: none
}

.footerLogo, .footerSocials {
    margin: 30px auto 10px;
    display: block
}

.footerLogo {
    width: 270px
}

.footerSocials {
    width: 264px
}

.footerSocials li {
    width: 34px;
    height: 34px;
    float: left;
    margin: 20px 5px
}

.footerSocials li a {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 30px;
    border: 2px solid #fff;
    margin: 1px 0 0 1px
}

.footerSocials li a.facebook {
    background: url(../img/icons/facebookIco2.png) center no-repeat
}

.footerSocials li a.facebook:hover {
    background-color: #004a85;
    border: 2px solid #004a85
}

.footerSocials li a.twitter {
    background: url(../img/icons/twitterIco2.png) center no-repeat
}

.footerSocials li a.twitter:hover {
    background-color: #18a5ba;
    border: 2px solid #18a5ba
}

.footerSocials li a.apple {
    background: url(../img/icons/iosStore2.png) center no-repeat
}

.footerSocials li a.apple:hover {
    background-color: #595959;
    border: 2px solid #595959
}

.footerSocials li a.android {
    background: url(../img/icons/androidIco1.png) center no-repeat
}

.footerSocials li a.android:hover {
    background-color: #3aaa35;
    border: 2px solid #3aaa35
}

.footerSocials li a.youtube {
    background: url(../img/icons/youtubeIco1.png) center no-repeat
}

.footerSocials li a.youtube:hover {
    background-color: #cf3638;
    border: 2px solid #cf3638
}

.footerSocials li a.instagram {
    background: url(../img/icons/instagramIco2.png) center no-repeat
}

.footerSocials li a.instagram:hover {
    background-color: #2c668e;
    border: 2px solid #2c668e
}

.footerSocials li a:hover {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .3)
}

footer .bottom {
    width: 100%;
    min-height: 40px;
    bottom: 0;
    background: #101010
}

footer .bottom .copyright {
    float: left;
    line-height: 40px;
    font-size: 12px;
    color: #777
}

footer .bottom .copyright a {
    color: #777
}

footer .bottom .copyright a:hover {
    color: #fff
}

footer .bottom .apps {
    float: right;
    line-height: 40px;
    font-size: 12px
}

footer .bottom .apps a {
    float: left;
    color: #777;
    padding: 0 0 0 20px;
    margin: 0 0 0 30px
}

footer .bottom .apps a:hover {
    color: #fff
}

footer .bottom .apps a.ios {
    background: url(../img/icons/iosStore.png) left center no-repeat
}

footer .bottom .apps a.android {
    background: url(../img/icons/androidStore.png) left center no-repeat
}

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

.footerLinks .column {
    width: 16.6%;
    height: auto;
    float: left
}

.footerLinks ul {
    width: 100%;
    float: left;
    margin: 20px 0 0
}

.footerLinks ul li {
    line-height: 22px
}

.footerLinks ul li.headLine {
    color: #fff;
    font-weight: 500
}

.footerLinks ul li a {
    color: #777;
    font-size: 12px
}

.footerLinks ul li a:hover {
    color: #fff
}

.fixedMessage {
    width: 195px;
    height: 50px;
    position: fixed;
    right: -145px;
    bottom: 50px;
    background: #90101a;
    z-index: 999;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    overflow: hidden
}

.fixedMessage::before {
    content: '!';
    width: 50px;
    float: left;
    font-size: 28px;
    background: #9e141f
}

.fixedMessage:hover {
    right: 0;
    color: #fff
}

.mm-menu.mm-horizontal > .mm-panel, .mm-slideout {
    -webkit-transition: -webkit-transform .4s ease
}

.mm-buttonbar > a, .mm-list a, .mm-list a:hover {
    text-decoration: none
}

.mm-buttonbar > *, .mm-header .mm-title, .mm-list li.mm-label > span, .mm-list > li.mm-label, .mm-list > li > a, .mm-list > li > span {
    text-overflow: ellipsis;
    white-space: nowrap
}

.mm-menu.mm-horizontal > .mm-panel {
    transition: transform .4s ease
}

.mm-menu .mm-hidden {
    display: none
}

.mm-wrapper {
    position: relative
}

.mm-menu, .mm-menu > .mm-panel {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.mm-menu {
    display: block;
    overflow: hidden;
    padding: 0
}

.mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.mm-menu > .mm-panel.mm-opened {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.mm-menu > .mm-panel.mm-subopened {
    -webkit-transform: translate(-30%, 0);
    -moz-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    -o-transform: translate(-30%, 0);
    transform: translate(-30%, 0)
}

.mm-menu > .mm-panel.mm-highest {
    z-index: 1
}

.mm-menu .mm-list {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 10px
}

.mm-buttonbar > *, .mm-footer, .mm-header, .mm-page, .mm-search, .mm-search input {
    box-sizing: border-box
}

.mm-menu > .mm-list {
    padding-bottom: 0
}

.mm-menu > .mm-list:after {
    content: '';
    display: block;
    height: 40px
}

.mm-panel > .mm-list {
    margin-left: -20px;
    margin-right: -20px
}

.mm-panel > .mm-list:first-child {
    padding-top: 0
}

.mm-list, .mm-list > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-list {
    font: inherit;
    font-size: 14px
}

.mm-list > li > a, .mm-list > li > span {
    overflow: hidden;
    color: inherit;
    line-height: 20px;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    position: relative;
    left: auto
}

.mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.mm-list a.mm-subopen:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.mm-list a.mm-subopen.mm-fullsubopen {
    width: 100%
}

.mm-list a.mm-subopen.mm-fullsubopen:before {
    border-left: none
}

.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span {
    padding-right: 5px;
    margin-right: 40px
}

.mm-list > li.mm-selected > a.mm-subopen {
    background: 0 0
}

.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0
}

.mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px
}

.mm-list > li.mm-label {
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px
}

.mm-list > li.mm-spacer {
    padding-top: 40px
}

.mm-list > li.mm-spacer.mm-label {
    padding-top: 25px
}

.mm-list a.mm-subclose:before, .mm-list a.mm-subopen:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%
}

.mm-page, html.mm-opened {
    position: relative
}

.mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px
}

.mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px
}

.mm-menu.mm-vertical .mm-list .mm-panel {
    display: none
}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent
}

.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
    display: block
}

.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
    height: 40px
}

.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto
}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
    height: 25px
}

html.mm-opened .mm-page {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu {
    background: #760710;
    color: rgba(255, 255, 255, .6)
}

.mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, .15)
}

.mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, .1);
    color: rgba(255, 255, 255, .3)
}

.mm-menu .mm-list > li > a.mm-subclose:before, .mm-menu .mm-list > li > a.mm-subopen:after {
    border-color: rgba(255, 255, 255, .3)
}

.mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, .15)
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, .1)
}

.mm-menu .mm-list li.mm-label > div > div, .mm-menu .mm-list > li.mm-label, .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, .05)
}

.mm-slideout {
    -ms-transition: -ms-transform .4s ease;
    transition: transform .4s ease
}

html.mm-opened, html.mm-opened body {
    overflow: hidden
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999
}

html.mm-blocking #mm-blocker, html.mm-opened #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed
}

.mm-menu.mm-current {
    display: block !important
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
    transform: translate(80%, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -moz-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        -o-transform: translate(440px, 0);
        transform: translate(440px, 0)
    }
}

.mm-buttonbar {
    border: 1px solid transparent;
    border-radius: 5px;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0;
    position: relative
}

.mm-buttonbar:after {
    content: '';
    display: block
}

.mm-buttonbar > * {
    border-left: 1px solid transparent;
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden
}

.mm-buttonbar > input {
    position: absolute;
    left: -1000px;
    top: -1000px
}

.mm-buttonbar > input:checked + label {
    border-color: transparent !important
}

.mm-buttonbar > :first-child, .mm-buttonbar > input:first-child + *, .mm-footer .mm-buttonbar > * {
    border-left: none
}

.mm-buttonbar.mm-buttonbar-2 > * {
    width: 50%
}

.mm-buttonbar.mm-buttonbar-3 > * {
    width: 33.33%
}

.mm-buttonbar.mm-buttonbar-4 > * {
    width: 25%
}

.mm-buttonbar.mm-buttonbar-5 > * {
    width: 20%
}

.mm-header .mm-buttonbar {
    margin-top: 20px;
    margin-left: -30px;
    margin-right: -30px
}

.mm-footer .mm-buttonbar {
    border: none;
    border-radius: 0;
    line-height: 40px;
    margin: -10px -10px 0 -20px
}

.mm-menu .mm-buttonbar, .mm-menu .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, .6)
}

.mm-list > li > .mm-buttonbar {
    margin: 10px 20px
}

.mm-menu .mm-buttonbar {
    background: #333
}

.mm-menu .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, .6);
    color: #333
}

.mm-menu .mm-footer, .mm-menu .mm-header, .mm-menu em.mm-counter {
    color: rgba(255, 255, 255, .3)
}

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 40px;
    top: 50%
}

.mm-footer, .mm-header {
    background: inherit;
    line-height: 20px;
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    text-align: center
}

em.mm-counter + a.mm-subopen {
    padding-left: 40px
}

em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span {
    margin-right: 80px
}

em.mm-counter + a.mm-fullsubopen {
    padding-left: 0
}

.mm-vertical em.mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-nosubresults > em.mm-counter {
    display: none
}

html.mm-opened.mm-dragging #mm-blocker, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.mm-footer {
    border-top: 1px solid transparent;
    height: 40px;
    padding: 10px 10px 0 20px;
    bottom: 0
}

.mm-menu.mm-hasfooter > .mm-panel:after {
    height: 80px
}

.mm-menu .mm-footer {
    border-color: rgba(0, 0, 0, .15)
}

.mm-header {
    border-bottom: 1px solid transparent;
    height: 60px;
    padding: 0 50px;
    top: 0
}

.mm-header .mm-close, .mm-header .mm-next, .mm-header .mm-prev, .mm-header .mm-title {
    padding-top: 30px
}

.mm-header .mm-title {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative
}

.mm-header .mm-close, .mm-header .mm-next, .mm-header .mm-prev {
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    min-width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1
}

.mm-header .mm-prev {
    padding-left: 20px;
    padding-right: 10px;
    left: 0
}

.mm-header .mm-close, .mm-header .mm-next {
    padding-left: 10px;
    padding-right: 20px;
    right: 0
}

.mm-header [href].mm-next:after, .mm-header [href].mm-prev:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.interactiveEthics .numb .shadow1::before, .interactiveEthics .numb::before, .mm-list li.mm-label.mm-opened a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.mm-list li.mm-collapsed:not(.mm-uncollapsed), .mm-menu.mm-hasheader li.mm-subtitle {
    display: none
}

.mm-header [href].mm-prev:before {
    border-right: none;
    border-bottom: none;
    margin-left: 2px;
    margin-right: 5px
}

.mm-header [href].mm-close:after, .mm-header [href].mm-next:after {
    margin-left: 5px;
    margin-right: -2px
}

.mm-header [href].mm-next:after {
    border-top: none;
    border-left: none
}

.mm-header [href].mm-close:after {
    content: 'x'
}

.mm-menu.mm-hassearch .mm-header {
    height: 50px;
    top: 50px
}

.mm-menu.mm-hassearch .mm-header .mm-close, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-title {
    padding-top: 20px
}

.mm-menu.mm-hasheader > .mm-panel {
    padding-top: 80px
}

.mm-menu.mm-hasheader > .mm-panel.mm-list {
    padding-top: 60px
}

.mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
    margin-top: -20px
}

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
    padding-top: 120px
}

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
    padding-top: 100px
}

.mm-menu .mm-header {
    border-color: rgba(0, 0, 0, .15)
}

.mm-menu .mm-header .mm-close:after, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-prev:before {
    border-color: rgba(255, 255, 255, .3)
}

.mm-list li.mm-label > span {
    overflow: hidden;
    padding: 0;
    line-height: 25px
}

.mm-list li.mm-label.mm-opened a.mm-subopen:after {
    transform: rotate(45deg)
}

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after {
    top: 8.5px
}

.mm-list > li.mm-search {
    padding: 10px;
    margin-top: -20px
}

.mm-list > li.mm-subtitle + li.mm-search, .mm-menu.mm-hasheader .mm-list > li.mm-search {
    margin-top: 0
}

div.mm-panel > div.mm-search {
    padding: 0 0 10px
}

.mm-menu > .mm-search {
    background: inherit;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.mm-search {
    padding: 10px
}

.mm-search input {
    border: none;
    border-radius: 30px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px
}

.mm-search input::-ms-clear {
    display: none
}

.mm-menu .mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    display: none;
    padding: 60px 0
}

.mm-menu .mm-noresultsmsg:after {
    border: none !important
}

.mm-noresults .mm-noresultsmsg {
    display: block
}

.mm-menu li.mm-nosubresults > a.mm-subopen {
    display: none
}

.mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px
}

.mm-menu.mm-hassearch > .mm-panel {
    padding-top: 70px
}

.mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px
}

.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
    margin-top: -10px
}

.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0
}

.mm-menu .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .6)
}

.mm-menu .mm-noresultsmsg {
    color: rgba(255, 255, 255, .3)
}

input.mm-check, input.mm-toggle {
    position: absolute;
    left: -10000px
}

label.mm-check, label.mm-toggle {
    margin: 0;
    position: absolute;
    bottom: 50%;
    z-index: 2;
    right: 20px
}

label.mm-check:before, label.mm-toggle:before {
    content: '';
    display: block
}

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-bottom: -15px
}

label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px
}

input.mm-toggle:checked ~ label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-bottom: -15px
}

label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: .1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

input.mm-check:checked ~ label.mm-check:before {
    opacity: 1
}

.mm-menu.mm-vertical .mm-list > li label.mm-check, .mm-menu.mm-vertical .mm-list > li label.mm-toggle {
    bottom: auto;
    margin-bottom: 0;
    top: 5px
}

label.mm-toggle + a, label.mm-toggle + span {
    margin-right: 70px
}

label.mm-check + a, label.mm-check + span {
    margin-right: 50px
}

a.mm-subopen + label.mm-check, a.mm-subopen + label.mm-toggle {
    right: 50px
}

a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span {
    margin-right: 100px
}

a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span {
    margin-right: 80px
}

em.mm-counter + a.mm-subopen + label.mm-check, em.mm-counter + a.mm-subopen + label.mm-toggle {
    right: 90px
}

em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span {
    margin-right: 140px
}

em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span {
    margin-right: 120px
}

.mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, .15)
}

.mm-menu label.mm-toggle:before {
    background: #333
}

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(255, 255, 255, .6)
}

html.mm-slide .mm-menu {
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease
}

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

html.mm-slide.mm-opening .mm-menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

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

html.mm-slide.mm-right.mm-opening .mm-menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

html.mm-slide.mm-top.mm-opened .mm-menu {
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%)
}

html.mm-slide.mm-top.mm-opening .mm-menu {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

html.mm-slide.mm-bottom.mm-opened .mm-menu {
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%)
}

html.mm-slide.mm-bottom.mm-opening .mm-menu {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

html.mm-zoom-menu .mm-menu {
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease
}

html.mm-zoom-menu.mm-opened .mm-menu {
    -webkit-transform: scale(.7, .7) translateX(-30%);
    -moz-transform: scale(.7, .7) translateX(-30%);
    -ms-transform: scale(.7, .7) translateX(-30%);
    -o-transform: scale(.7, .7) translateX(-30%);
    transform: scale(.7, .7) translateX(-30%);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

html.mm-zoom-menu.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0)
}

html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
    -webkit-transform: scale(.7, .7) translateX(30%);
    -moz-transform: scale(.7, .7) translateX(30%);
    -ms-transform: scale(.7, .7) translateX(30%);
    -o-transform: scale(.7, .7) translateX(30%);
    transform: scale(.7, .7) translateX(30%);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0)
}

html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
    -webkit-transform: scale(.7, .7) translateY(-30%);
    -moz-transform: scale(.7, .7) translateY(-30%);
    -ms-transform: scale(.7, .7) translateY(-30%);
    -o-transform: scale(.7, .7) translateY(-30%);
    transform: scale(.7, .7) translateY(-30%);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top
}

html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
}

html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
    -webkit-transform: scale(.7, .7) translateY(30%);
    -moz-transform: scale(.7, .7) translateY(30%);
    -ms-transform: scale(.7, .7) translateY(30%);
    -o-transform: scale(.7, .7) translateY(30%);
    transform: scale(.7, .7) translateY(30%);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
}

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translateX(100%);
    -moz-transform: scale(1.5, 1.5) translateX(100%);
    -ms-transform: scale(1.5, 1.5) translateX(100%);
    -o-transform: scale(1.5, 1.5) translateX(100%);
    transform: scale(1.5, 1.5) translateX(100%);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition-property: -webkit-transform, left;
    transition-property: transform, left
}

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0)
}

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(.7, .7) translateX(-30%);
    -moz-transform: scale(.7, .7) translateX(-30%);
    -ms-transform: scale(.7, .7) translateX(-30%);
    -o-transform: scale(.7, .7) translateX(-30%);
    transform: scale(.7, .7) translateX(-30%)
}

.mm-menu.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

@media all and (max-width: 140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(10000px, 0);
        -moz-transform: translate(10000px, 0);
        -ms-transform: translate(10000px, 0);
        -o-transform: translate(10000px, 0);
        transform: translate(10000px, 0)
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

@media all and (max-width: 140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-10000px, 0);
        -moz-transform: translate(-10000px, 0);
        -ms-transform: translate(-10000px, 0);
        -o-transform: translate(-10000px, 0);
        transform: translate(-10000px, 0)
    }
}

.mm-menu.mm-front.mm-fullscreen.mm-bottom, .mm-menu.mm-front.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
    max-height: 10000px
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important
}

.mm-menu.mm-bottom, .mm-menu.mm-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu.mm-right {
    left: auto;
    right: 0
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -o-transform: translate(-80%, 0);
    transform: translate(-80%, 0)
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -moz-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        -o-transform: translate(-440px, 0);
        transform: translate(-440px, 0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    z-index: 0 !important
}

.mm-menu.mm-front {
    z-index: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5)
}

html.mm-opened.mm-next .mm-page {
    box-shadow: none
}

html.mm-opened.mm-light .mm-page, html.mm-opened.mm-white .mm-page {
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.mm-menu.mm-front, .mm-menu.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.fc button, .mm-list > li a:after {
    transition: all .3s ease-in-out
}

.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.mm-menu.mm-front.mm-top {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.mm-menu.mm-front.mm-bottom {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.mm-menu.mm-front.mm-bottom, .mm-menu.mm-front.mm-top {
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

.mm-menu.mm-light {
    background: #f3f3f3;
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, .6);
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-light .mm-list > li > a.mm-subclose:before, .mm-menu.mm-light .mm-list > li > a.mm-subopen:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-light .mm-buttonbar > *, .mm-menu.mm-light label.mm-check:before {
    border-color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, .6)
}

.mm-menu.mm-light .mm-list > li.mm-label, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-light .mm-buttonbar {
    border-color: rgba(0, 0, 0, .6);
    background: #f3f3f3
}

.mm-menu.mm-light .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, .6);
    color: #f3f3f3
}

.mm-menu.mm-light em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-light .mm-footer, .mm-menu.mm-light .mm-header {
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-light .mm-header .mm-close:after, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-prev:before {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-light .mm-list li.mm-label > div > div {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-light .mm-search input {
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-light .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-light label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-light label.mm-toggle:before {
    background: #f3f3f3
}

.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-white {
    background: #fff;
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, .06);
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-white .mm-list > li > a.mm-subclose:before, .mm-menu.mm-white .mm-list > li > a.mm-subopen:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-white .mm-buttonbar > *, .mm-menu.mm-white label.mm-check:before {
    border-color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, .06)
}

.mm-menu.mm-white .mm-list > li.mm-label, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-white .mm-buttonbar {
    border-color: rgba(0, 0, 0, .6);
    background: #fff
}

.mm-menu.mm-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, .6);
    color: #fff
}

.mm-menu.mm-white em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-white .mm-footer, .mm-menu.mm-white .mm-header {
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-white .mm-header .mm-close:after, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-prev:before {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-white .mm-list li.mm-label > div > div {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-white .mm-search input {
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-white label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-white label.mm-toggle:before {
    background: #fff
}

.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

html.mm-opened.mm-black .mm-page {
    box-shadow: none
}

.mm-menu.mm-black {
    background: #000;
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, .2)
}

.mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, .25);
    color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-black .mm-list > li > a.mm-subclose:before, .mm-menu.mm-black .mm-list > li > a.mm-subopen:after {
    border-color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, .2)
}

.mm-menu.mm-black .mm-buttonbar, .mm-menu.mm-black .mm-buttonbar > *, .mm-menu.mm-black label.mm-check:before {
    border-color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, .25)
}

.mm-menu.mm-black .mm-list > li.mm-label, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, .15)
}

.mm-menu.mm-black .mm-buttonbar {
    background: #000
}

.mm-menu.mm-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, .6);
    color: #000
}

.mm-menu.mm-black em.mm-counter {
    color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-black .mm-footer, .mm-menu.mm-black .mm-header {
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-black .mm-header .mm-close:after, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-prev:before {
    border-color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-black .mm-list li.mm-label > div > div {
    background: rgba(255, 255, 255, .15)
}

.mm-menu.mm-black .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-black label.mm-toggle {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-black label.mm-toggle:before {
    background: #000
}

.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-list > li {
    width: 100%;
    float: left;
    text-indent: 10px;
    position: relative;
    padding: 0 0 5px;
    border: none !important
}

.mm-list > li a {
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, .05);
    line-height: 36px;
    color: #fff;
    padding: 0
}

.mm-list > li:nth-child(even) a {
    background: rgba(255, 255, 255, .1)
}

.mm-list > li a:after {
    content: "";
    width: 30px;
    height: 36px;
    float: right;
    background: url(../img/icons/ico29.png) center no-repeat rgba(255, 255, 255, .1);
    opacity: .5
}

.mm-list > li a:hover {
    background: #9E141F;
    text-indent: 14px
}

.mm-list > li a:hover:after {
    width: 36px;
    opacity: 1
}

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

@viewport {
    width: device-width;
}

@media screen and (min-width: 1200px) {
    .announcements li {
    }
}

@media screen and (min-width: 1920px) {
    .pageImage img {
        width: 100%;
        height: auto;
        position: relative;
        left: 0;
        margin-left: 0;
        float: left
    }
}

@media screen and (max-width: 1600px) {
    .mainSliderArea .headLine {
        font-size: 36px
    }
}

@media screen and (max-width: 1440px) {
    .mainSliderArea .headLine {
        font-size: 34px
    }
}

@media screen and (max-width: 1280px) {
    .middleBlock, .wrapper {
        box-sizing: border-box;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .language {
        margin: 35px 14px 0 50%
    }

    .headerLogo {
        width: 250px;
        margin-top: 45px
    }

    .headerLogo img {
        width: 100%
    }

    .headerLogo.logoAof {
        width: 220px
    }

    .headerNav .first > li > a, .headerNav.aof .first > li > a {
        font-size: 14px
    }

    .subNav {
        top: 114px
    }

    .subNav .menus .headLine, .subNav .quickMenu .headLine {
        width: auto
    }

    .bottomStrip {
        height: auto
    }

    .subNav summary {
        width: 34%
    }

    .middleBlock .borderTop ul {
        width: 100%
    }

    .announcements ul li .calendar {
        width: 60px
    }

    .container {
        width: 90%
    }

    .middleBlock .container {
        width: 95%
    }

    .wrapper {
        width: 100%;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box
    }

    .footerLinks, .pageHeading h1, .pageHeading ul {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 0 10px
    }

    footer .bottom .apps {
        margin-right: 10px
    }

    footer .bottom .copyright {
        margin-left: 10px
    }

    .announcements ul li a {
        font-size: 13px
    }

    .slideGallery .caption {
        padding-top: 120px
    }
}

@media screen and (max-width: 1200px) {
    .container {
        width: 93%
    }

    .middleBlock .container {
        width: 95%
    }

    .headerNav .first > li > a {
        padding: 0 8px
    }

    .quickButtons {
        width: 40%
    }

    .quickButtons li a {
        width: 100% !important
    }

    .quickButtons figure {
        width: 100%;
        float: left;
        overflow: hidden
    }

    .announcements {
        width: 60%
    }

    .announcements-home {
        width: 60%;
    }

    .subNav {
        text-align: left
    }

    .subNav .photo {
        display: none
    }

    .subNav .quickMenu {
        width: 20%
    }

    .subNav .menus, .subNav .menus.long {
        width: 79%
    }

    .subNav summary {
        width: 40%
    }

    .subNav .shortMenu {
        width: 30%
    }

    .subNav .shortMenu.medium {
        width: 75%
    }
}

@media screen and (max-width: 1150px) {
    .container {
        width: 95%
    }

    .middleBlock .container, header .container {
        width: 97%
    }

    .headerLogo {
        width: 210px
    }

    .headerLogo.logoAof {
        width: 195px
    }

    .headerNav .first > li > a {
        padding: 0 7px;
        font-size: 14px
    }

    .headerNav.aof .first > li > a {
        font-size: 14px
    }

    .mainSliderArea .headLine.v2 {
        font-size: 30px
    }

    .mainSliderArea .caption .button {
        margin-top: 2.5%
    }
}

@media screen and (max-width: 1050px) {
    .headerNav.aof .first > li > a {
        font-size: 13px
    }
}

@media screen and (max-width: 1024px) {
    .container {
        width: 97%
    }

    .middleBlock .container, header .container {
        width: 100%
    }

    .headerLogo {
        width: 210px
    }

    .bottomStrip .container {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 0 4px
    }

    .headerNav .first > li > a, .headerNav.aof .first > li > a {
        padding: 0 5px
    }

    .announcement .list li {
        width: 100%
    }

    .announcement .list li:nth-child(even) {
        margin-left: 0
    }

    .mainSliderArea .image {
        height: 530px
    }

    .mainSliderArea .image figure {
        width: 1px;
        height: 457px;
        float: none;
        margin: 0 auto;
        position: relative
    }

    .mainSliderArea .image figure img {
        width: 1920px;
        position: absolute;
        left: -980px;
        top: 0
    }

    .mainSliderArea .caption summary {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .container {
        width: 100%;
        float: left
    }

    .leftSidebar {
        width: 24.8%
    }

    .mainSliderArea .headLine.v2 {
        font-size: 30px;
        line-height: 45px
    }

    .mainSliderArea .caption .button {
        margin-top: 2.5%
    }

    .announcements ul li .calendar {
        width: 55px;
        height: 53px
    }

    .announcements ul li .calendar .date {
        height: 30px;
        line-height: 30px;
        font-size: 22px
    }

    .announcements ul li .calendar .month {
        font-size: 12px
    }

    .announcements ul li a {
        font-size: 13px
    }

    .lastNews .list .new {
        width: 24%;
        float: left;
        margin: 0 0 20px 1%
    }

    .lastNews .list .new .headLine {
        width: 100%;
        min-height: 75px
    }

    .ourUniversity .list .article .image {
        width: 100%
    }

    .ourUniversity .list .article .details {
        width: 100%;
        margin: 10px 0 0
    }

    .contacts .item, .persons .item {
        width: 50%
    }

    .campusLife .category .list ul {
        margin-left: 10px
    }

    .columnList .column .more a {
        margin-right: 10px
    }

    .aofQuickButtons, .countdown, .aofLogin {
        width: 100%
    }

    .aofLogin a {
        width: 250px;
        margin-top: 30px;
    }

    .aofQuickButtons li {
        padding: 0 10px
    }

    .formCountDown {
        width: 50%
    }

    .middleBlock.v2 {
        padding-bottom: 30px;
        float: left;
    }
}

@media screen and (max-width: 960px) {
    .headerNav, header.sticky .topNav, header.sticky .userArea {
        display: none
    }

    .pageImage {
        height: 160px
    }

    .pageImage img {
        width: 1500px;
        height: 160px;
        margin-left: -750px
    }

    header.sticky {
        height: 50px;
        overflow: hidden;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 111;
        box-shadow: 0 0 15px rgba(0, 0, 0, .5);
        border-bottom: 3px solid #8c0d1a
    }

    header.sticky .panelToggle {
        margin: 5px 0 0 5px
    }

    header.sticky .headerLogo {
        width: auto;
        height: 40px;
        float: none;
        margin: 0 0 0 -75px;
        padding: 0;
        position: absolute;
        left: 50%;
        top: -40px
    }

    header.sticky .headerLogo img {
        width: 154px;
        height: 40px
    }

    .headerLogo, .headerLogo.logoAof {
        width: 100%;
        text-align: center;
        margin: 0
    }

    .headerLogo img {
        width: auto
    }

    .panelToggle {
        display: block
    }

    .announcements li {
        width: 50%;
        margin-right: 0
    }

    .language {
        margin: 15px 20px 15px 0
    }

    .links, .socials {
        width: 49%
    }

    .eventsSocialsBlock {
        width: 100%;
        float: none
    }

    .events {
        width: 100%
    }

    .leftSidebar, .rightSidebar {
        width: 100% !important
    }

    .leftSidebar {
        position: absolute;
        left: -100%;
        top: 5%;
        float: none;
        background: #f5f5f5;
        z-index: 100;
        padding: 20px 10px 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-shadow: 0 0 100px transparent
    }

    .leftSidebar.mooove {
        height: 100%;
        left: 0;
        box-shadow: 0 0 100px rgba(0, 0, 0, 5)
    }

    .leftSidebar.mooove.notMooove, .leftSidebar.notMooove {
        width: 100% !important;
        position: relative !important;
        left: 0;
        top: 0;
        float: left;
        background: 0 0 !important;
        padding: 0;
        box-shadow: none
    }

    html.mm-opened .leftSidebar {
        display: none
    }

    .openLeftSidebar {
        display: block
    }

    .campusColMini {
        width: 48%;
        margin-left: 1%
    }

    .slideGallery .rslides {
        min-height: 5px
    }

    .slideGallery .rslides img, .slideGallery .rslides li, .slideGallery .rslides li .slide {
        height: auto !important
    }

}

@media screen and (max-width: 768px) {
    .biggerSearch .ico, .topNav ul, footer .bottom .apps, footer .container {
        display: none
    }

    .main {
        margin-bottom: 100px
    }

    .mainSliderArea .rslides_nav {
        top: 40%
    }

    .biggerSearch .typeText {
        width: 70%;
        font-size: 18px
    }

    .biggerSearch .typeSubmit {
        width: 20%;
        margin: 15px 1% 0 0;
        font-size: 15px
    }

    .announcements li {
        width: 100%;
        margin-right: 0
    }

    .announcements-home {
        width: 100%;
    }

    .announcements-home ul li {
        flex: 0 0 100%;
        margin-right: 0
    }

    .aofQuickButtons ul li {
        width: 33.3%;
        float: left;
        margin-bottom: 20px;
        padding: 0 5px
    }

    .lastNews .list .new {
        width: 46%;
        float: left;
        margin: 0 0 20px 3%
    }

    footer {
        padding: 0
    }

    footer .bottom .container {
        display: block
    }

    footer .copyright {
        width: 100%;
        text-align: center
    }

    .formAU .checkRadio.inline3 .box, .formAU .checkRadio.inline4 .box, .formAU .mid .customSelect, .formAU .min .customSelect, .formAU input[type=password], .formAU input[type=text], .formAU textarea.long, .formAU textarea.medium, .formAU textarea.small {
        width: 100% !important
    }

    .formCountDown, .searchList .searchForm {
        width: 100%
    }

    .searchList .searchForm.formAU input[type=text] {
        width: 80% !important
    }

    .announcements, .quickButtons {
        width: 100%
    }

    .quickButtons li {
        margin: 10px 1.3% 0 0
    }

    .slideGallery .caption {
        padding-top: 100px;
        z-index: 2
    }

    .slideGallery .rslides li .image {
        height: 296px
    }

    .slideGallery .rslides li .image figure {
        width: 1px;
        height: 296px;
        margin: 0 auto;
        float: none;
        position: relative
    }

    .slideGallery .rslides li .image figure img {
        width: 738px;
        height: 296px;
        float: none;
        position: absolute;
        left: -369px;
        top: 0
    }

    .passwordController, .formAU .pwFalse, .formAU .pwTrue {
        width: 100% !important;
    }
}

@media screen and (max-width: 640px) {
    .persons .item {
        width: 100%
    }

    .contact .item {
        width: 50%
    }

    .shortContact, .shortInfo {
        width: 100%
    }

    .rightSidebar .announcements li {
        width: 100%;
        margin-right: 0
    }

    .columnList .topColumn .list li {
        width: 50%
    }

    .guides .list li {
        width: 100%
    }

    .mainSliderArea .headLine {
        font-size: 30px
    }

    .mainSliderArea .headLine.v2 {
        font-size: 26px
    }

    .shortLinks .item {
        width: 25%;
    }

    .shortLinks .item:nth-child(2), .shortLinks .item:nth-child(4), .shortLinks .item:nth-child(5), .shortLinks .item:nth-child(7), .shortLinks .item:nth-child(10), .shortLinks .item:nth-child(11) {
        background: #fafafa;
    }

    .shortLinks .item:nth-child(6), .shortLinks .item:nth-child(9) {
        background-color: #f1f1f1;
    }

}

@media screen and (max-width: 560px) {
    .announcements ul li {
        width: 100%;
        min-height: inherit
    }

    .notFound .error .heading {
        padding: 0 30%
    }

    .notFound .error .heading span {
        font-size: 40px
    }

    .notFound .error .heading i {
        font-size: 20px;
        line-height: 250px
    }

    .notFound .error .heading i.left {
        margin-left: -110px
    }

    .notFound .error .heading i.right {
        margin-right: -110px
    }

    .notFound .error .more {
        font-size: 13px
    }

    .notFound .error .code {
        font-size: 28px
    }

    .pageTabber.style1 li a {
        font-size: 13px;
        padding: 10px 5px
    }

    .eventDetails {
        padding: 0
    }

    .eventPoster {
        display: none
    }

    .shortLinks .item {
        width: 50%;
        background-color: #f1f1f1 !important;
    }

    .shortLinks .item:nth-child(2), .shortLinks .item:nth-child(3), .shortLinks .item:nth-child(6), .shortLinks .item:nth-child(7), .shortLinks .item:nth-child(10), .shortLinks .item:nth-child(11), .shortLinks .item:nth-child(14), .shortLinks .item:nth-child(15) {
        background: #fafafa !important;
    }
}

@media screen and (max-width: 480px) {
    .columnList .topColumn .columnDetails .image, .events .list .event .image {
        display: none
    }

    .quickButtons ul li img {
        width: 100%;
        margin: 0
    }

    .language {
        margin: 15px 20px 15px 0
    }

    .announcements ul li {
        padding: 0 0 7px;
        margin: 0 0 5px
    }

    .ourUniversity .list .article .details summary {
        height: 95px
    }

    .campusLife .category {
        margin-bottom: 40px
    }

    .campusLife .category .headLine {
        width: 99%;
        margin-left: 10px;
        float: left
    }

    .campusLife .category .image, .columnList .column .image {
        width: 100%;
        margin-bottom: 10px
    }

    .campusLife .category .list, .columnList .column .headLine, .columnList .column summary, .contact .item, .contacts, .studentClubs .list .image, .studentClubs .list summary {
        width: 100%
    }

    .studentClubs .list .more {
        width: 100%;
        margin: 10px 0 0
    }

    .studentClubs .list li {
        height: 300px
    }

    .contact .item {
        width: 100%
    }

    .columnList .topColumn .list li {
        width: 100%;
        padding-left: 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box
    }

    .mainSliderArea .headLine {
        font-size: 20px
    }

    .mainSliderArea summary {
        font-size: 14px
    }

    .mainSliderArea .headLine.v2 {
        font-size: 25px
    }

    .events .list .event .calendar, .events .list .event .category, .events .list .event .clock, .events .list .event .headLine, .events .list .event .location {
        width: 100%;
        float: left
    }

    .searchList .searchForm {
        width: 100%
    }

    .searchList .searchForm.formAU input[type=text] {
        width: 70% !important
    }

    .fixedMessage {
        top: inherit;
        bottom: 40px
    }

    .aofQuickButtons ul li a {
        font-size: 12px;
        line-height: 18px
    }
}

@media screen and (min-width: 640px) {
    .announcements li {
        width: 50%;
        margin-right: 0
    }
}

@media screen and (max-width: 420px) {
    .mainSliderArea .headLine.v2, .searchList .searchTitle {
        font-size: 20px
    }

    .links, .socials {
        width: 100%
    }

    .lastNews .list .new {
        width: 95%;
        float: left;
        margin: 0 0 20px 3%
    }

    .lastNews .list .new .headLine {
        min-height: 30px
    }

    .lastNews .list .new summary {
        height: auto
    }

    .columnList .leftColumns .list li {
        width: 100%
    }
}

@media screen and (max-width: 360px) {
    .eventDetails .contact .item .coloredBg::after, .lastNews .list .new .date, .lastNews .list .new .image, .pageHeading ul {
        display: none
    }

    .events .list .event {
        width: 95%;
        float: left;
        margin: 10px 0 20px
    }

    .events .list .event .image {
        width: 100%;
        height: 120px
    }

    .events .list .event .image figure img {
        height: 120px
    }

    .events .list .event .headLine {
        width: 100%;
        margin-top: 10px
    }

    .events .list .event .calendar, .events .list .event .clock, .events .list .event .location {
        width: 100%;
        float: left
    }

    .ourUniversity .list .article {
        width: 95%;
        float: left;
        margin: 10px 0 20px 3%
    }

    .campusLife .category .list ul li {
        width: 100%;
        margin-left: 10px
    }

    .campusColMini {
        width: 100%;
        margin-left: 0
    }

    .pageHeading {
        height: auto
    }

    .pageHeading .container {
        height: auto;
        padding-bottom: 10px
    }

    .pageHeading h1 {
        text-align: center;
        font-size: 24px
    }

    .studentClubs .list .image, .studentClubs .list li, .studentClubs .list summary {
        width: 100% !important
    }

    .searchList .searchTitle {
        font-size: 18px
    }

    .lastNews .list .new {
        margin: 0
    }

    .lastNews .list .new summary {
        border-bottom: 1px solid #dedede;
        padding-bottom: 10px;
        margin: 0
    }

    .announcements ul li .calendar {
        width: 46px;
        height: 45px
    }

    .announcements ul li .calendar .date {
        height: 25px;
        line-height: 25px;
        font-size: 18px
    }

    .announcements ul li .calendar .month {
        font-size: 11px
    }

    .slideGallery .caption {
        padding-top: 50px
    }

    .eventDetails .contact .item .coloredBg {
        float: left;
        width: 100%;
        padding: 0
    }

    .eventDetails .contact .item {
        width: 100%;
        display: block
    }
}

@media screen and (max-width: 320px) {
    .headerLogo img, .headerLogo.logoAof img {
        width: 210px
    }

    .pageImage {
        height: 120px
    }

    .pageImage img {
        width: 1150px;
        height: 120px;
        margin-left: -575px
    }

    .aofQuickButtons ul li {
        width: 50%
    }

    .mainSliderArea .image {
        height: 440px
    }

    .mainSliderArea .headLine.v2 {
        font-size: 18px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    .mainSliderArea .headLine.v2 {
        font-size: 18px
    }
}

@media only screen and (min-device-width: 640px) and (max-device-height: 1136px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    .mainSliderArea .headLine.v2 {
        font-size: 18px
    }
}

.listNav, .ln-letters {
    overflow: hidden;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ebebeb;
    text-align: center
}

.listNavHide {
    display: none
}

.listNavShow {
    display: list-item
}

.letterCountShow {
    display: block
}

.ln-letters a {
    height: 34px;
    display: inline-block;
    line-height: 34px;
    font-size: 18px;
    font-weight: 700;
    margin: 0 5px;
    color: #777
}

.ln-letters .ln-selected, .ln-letters a:hover {
    color: #9e141f !important
}

.ln-letters .ln-disabled {
    color: #ccc
}

.ln-letter-count {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    text-align: center;
    font-size: .8em;
    line-height: 1.35;
    color: #369
}

.fc-bgevent, .fc-highlight {
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc table, .fc-scroller > * {
    width: 100%
}

.fc .fc-axis, .fc-day-grid-event > .fc-content, .fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}

.fc-day-grid-event > .fc-content, .fc-row.fc-rigid, .fc-scroller > *, .fc-time-grid-event {
    overflow: hidden
}

.fc {
    direction: ltr;
    text-align: left
}

.fc-rtl {
    text-align: right
}

.fc th, .fc-basic-view .fc-week-number, .fc-event, .fc-ltr .fc-basic-view .fc-day-number, .fc-toolbar {
    text-align: center
}

body .fc {
    font-size: 13px;
    color: #444;
    font-weight: 300
}

.fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed hr, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    line-height: 37px
}

.fc-unthemed .fc-popover {
    background-color: #fff
}

.fc-unthemed .fc-popover .fc-header, .fc-unthemed hr {
    background: #eee
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #9e141f
}

.fc-unthemed .fc-today {
    background: #9e141f !important;
    color: #fff !important
}

.fc-highlight {
    background: #bce8f1
}

.fc-bgevent {
    background: #8fdf82
}

.fc-nonbusiness {
    background: #ccc
}

.fc-icon {
    display: inline-block;
    font-size: 1.3em;
    line-height: .5em;
    height: .5em;
    font-family: Tahoma, Geneva, sans-serif
}

.fc button, .fc-state-default {
    display: block;
    background: #fff
}

.fc-icon-left-single-arrow:after {
    content: "\02039"
}

.fc-icon-right-single-arrow:after {
    content: "\0203A"
}

.fc-icon-left-double-arrow:after {
    content: "\000AB"
}

.fc-icon-right-double-arrow:after {
    content: "\000BB"
}

.fc-icon-x:after {
    content: "\000D7"
}

.fc button {
    min-width: 22px;
    min-height: 22px;
    border: 1px solid #777;
    border-radius: 22px !important;
    cursor: pointer
}

.fc-today-button {
    position: absolute;
    left: 50%;
    top: 320px;
    margin-left: 10px
}

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0
}

.fc button .fc-icon {
    position: relative;
    top: .05em
}

.fc-state-default {
    min-width: 20px;
    min-height: 20px;
    border: 1px solid #777;
    border-radius: 20px !important
}

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    color: #333;
    background-color: #e6e6e6
}

.fc-state-hover {
    color: #fff !important;
    background: #9e141f !important;
    border: 1px solid #9e141f !important
}

.fc-state-active, .fc-state-down {
    background-color: #ccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.fc-event, .fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close {
    cursor: pointer
}

.fc-button-group {
    display: inline-block
}

.fc .fc-button-group > * {
    float: left;
    margin: 0 0 0 -1px
}

.fc .fc-button-group > :first-child {
    margin-left: 0
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.fc-popover .fc-header {
    padding: 2px 4px
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px
}

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}

.fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title {
    float: right
}

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: 25px;
    margin-top: 4px
}

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0
}

.fc hr {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-style: solid;
    border-width: 1px 0
}

.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
    height: 100%
}

.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-event, .fc-row, .fc-scroller > * {
    position: relative
}

.fc-bg {
    bottom: 0
}

.fc-day-grid .fc-row:nth-child(odd) td:nth-child(even) {
    background: #f7f7f7
}

.fc-day-grid .fc-row:nth-child(odd) td:nth-child(odd) {
    background: #fff
}

.fc-day-grid .fc-row:nth-child(even) td:nth-child(odd) {
    background: #f7f7f7
}

.fc-day-grid .fc-row:nth-child(even) td:nth-child(even) {
    background: #fff
}

.fc table {
    table-layout: fixed;
    font-size: 1em
}

.fc td, .fc th {
    padding: 0;
    vertical-align: central
}

.fc td.fc-today {
    border-style: double
}

.fc .fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row .fc-bg {
    z-index: 1
}

.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
    bottom: 0
}

.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
    border-color: transparent
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2
}

.fc-row .fc-highlight-skeleton {
    z-index: 3
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px
}

.fc-row .fc-helper-skeleton {
    z-index: 5
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    background: 0 0;
    border-color: transparent;
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.fc-event {
    width: 39px;
    height: 1px;
    display: block;
    font-weight: 400
}

.fc-event, .fc-event:hover, .ui-widget .fc-event {
    color: #fff;
    text-decoration: none
}

.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-day-grid-event {
    padding: 0 1px
}

.fc-ltr .fc-day-grid-event.fc-not-start, .fc-rtl .fc-day-grid-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-day-grid-event.fc-not-end, .fc-rtl .fc-day-grid-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-day-grid-event .fc-time {
    font-weight: 700
}

.fc-toolbar h2, .ui-widget td.fc-axis {
    font-weight: 400
}

.fc-day-grid-event .fc-resizer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 7px
}

.fc-ltr .fc-day-grid-event .fc-resizer {
    right: -3px;
    cursor: e-resize
}

.fc-rtl .fc-day-grid-event .fc-resizer {
    left: -3px;
    cursor: w-resize
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

a.fc-more:hover {
    text-decoration: underline
}

.fc-limited {
    display: none
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

.fc-more-popover .fc-event-container {
    padding: 10px
}

.fc-toolbar {
    margin-bottom: 5px
}

.fc-toolbar .fc-left {
    float: left
}

.fc-toolbar .fc-right {
    float: right
}

.fc-toolbar .fc-center {
    display: inline-block
}

.fc .fc-toolbar > * > * {
    float: left;
    margin-left: .75em
}

.fc .fc-toolbar > * > :first-child {
    margin-left: 0
}

.fc-toolbar h2 {
    margin: 0;
    font-size: 16px;
    color: #444
}

.fc-toolbar button {
    position: relative
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 4
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fc-view, .fc-view > table {
    position: relative;
    z-index: 1
}

.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
    padding-top: 1px;
    padding-bottom: 1em
}

.fc-basic-view tbody .fc-row {
    min-height: 37px
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 0 2px
}

.fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span {
    padding: 0
}

.fc-basic-view .fc-week-number span {
    display: inline-block;
    min-width: 1.25em
}

.fc-rtl .fc-basic-view .fc-day-number {
    text-align: left
}

.fc-day-number.fc-other-month {
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-top: 1px;
    padding-bottom: 1em
}

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px
}

.fc-ltr .fc-axis {
    text-align: right
}

.fc-rtl .fc-axis {
    text-align: left
}

.fc-time-grid, .fc-time-grid-container {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

.fc-time-grid table {
    border: 0 hidden transparent
}

.fc-time-grid > .fc-bg {
    z-index: 1
}

.fc-time-grid .fc-slats, .fc-time-grid > hr {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-bgevent-skeleton, .fc-time-grid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-time-grid .fc-bgevent-skeleton {
    z-index: 3
}

.fc-time-grid .fc-highlight-skeleton {
    z-index: 4
}

.fc-time-grid .fc-content-skeleton {
    z-index: 5
}

.fc-time-grid .fc-helper-skeleton {
    z-index: 6
}

.fc-slats td {
    height: 1.5em;
    border-bottom: 0
}

.fc-slats .fc-minor td {
    border-top-style: dotted
}

.fc-slats .ui-widget-content {
    background: 0 0
}

.fc-time-grid .fc-highlight-container {
    position: relative
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0
}

.fc-time-grid .fc-bgevent-container, .fc-time-grid .fc-event-container {
    position: relative
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    position: absolute;
    z-index: 1
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-time-grid-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fc-time-grid-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fc-time-grid-event > .fc-content {
    position: relative;
    z-index: 2
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    padding: 0 1px
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}

.fc-time-grid-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25)
}

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time span, .interactiveEthics .summary.true {
    display: none
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0"
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.fc-time-grid-event .fc-resizer {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

.fc-time-grid-event .fc-resizer:after {
    content: "="
}

.fc-title {
    width: 33px;
    height: 31px;
    border: 3px solid #f0f0f0;
    position: absolute;
    left: 0;
    top: -37px;
    z-index: 999;
    display: block;
    line-height: 29px;
    padding: 0;
    margin: 0;
    transition: all .2s ease-in-out;
    animation-name: bgAnim2;
    animation-duration: 1.3s;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    -webkit-animation-name: bgAnim2;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite
}

@keyframes bgAnim2 {
    25% {
        border-color: #d0d0d0
    }
}

@-webkit-keyframes bgAnim2 {
    25% {
        border-color: #d0d0d0
    }
}

.fc-title:hover:after {
    content: "\0203A";
    font-family: Verdana, Geneva, sans-serif
}

.interactiveEthics .loading .summary, .interactiveEthics .loading .summary div, .interactiveEthics .numb .circle, .interactiveEthics .summary {
    font-family: 'Titillium Web', sans-serif
}

.fc-title:hover {
    background: #004a85;
    color: #fff;
    animation-name: none;
    -webkit-animation-name: none;
    border: 3px solid #004a85 !important;
    font-size: 22px;
    text-align: center
}

.fc-widget-header {
    color: #9e141f;
    font-weight: 400;
    border-bottom: 2px solid #9e141f
}

.interactiveEthics {
    width: 100%;
    float: left;
    margin: 30px 0;
    position: relative
}

.interactiveEthics .steps {
    width: 100%;
    float: left;
    position: relative
}

.interactiveEthics .step {
    width: 90%;
    min-height: 214px;
    float: left;
    margin: 30px 5%;
    position: relative;
    display: none
}

.interactiveEthics .step::after {
    content: '';
    width: 100%;
    height: 7px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -moz-linear-gradient(0deg, #3d3d3d 0, #7e7e7e 100%);
    background-image: -webkit-linear-gradient(0deg, #3d3d3d 0, #7e7e7e 100%);
    background-image: -ms-linear-gradient(0deg, #3d3d3d 0, #7e7e7e 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.interactiveEthics .step::before {
    content: '';
    width: 100%;
    height: 7px;
    position: absolute;
    left: -3px;
    bottom: -3px;
    padding: 3px;
    background-image: -moz-linear-gradient(0deg, #bebebe 0, #dcdcdc 50%, #bebebe 100%);
    background-image: -webkit-linear-gradient(0deg, #bebebe 0, #dcdcdc 50%, #bebebe 100%);
    background-image: -ms-linear-gradient(0deg, #bebebe 0, #dcdcdc 50%, #bebebe 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.interactiveEthics .numb, .interactiveEthics .numb .shadow1 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    float: left
}

.interactiveEthics .numbox {
    width: 130px;
    height: 130px;
    position: absolute;
    bottom: 22px
}

.interactiveEthics .numb {
    width: 130px;
    height: 130px;
    position: relative;
    background-image: -moz-linear-gradient(0deg, #fff 0, #8a8989 100%);
    background-image: -webkit-linear-gradient(0deg, #fff 0, #8a8989 100%);
    background-image: -ms-linear-gradient(0deg, #fff 0, #8a8989 100%);
    border-radius: 50%;
    z-index: 3;
    border: 1px solid #b2b1b1
}

.interactiveEthics .numb::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin-left: -15px;
    background-image: -moz-linear-gradient(45deg, #d7d7d7 0, #b2b1b1 100%);
    background-image: -webkit-linear-gradient(45deg, #d7d7d7 0, #b2b1b1 100%);
    background-image: -ms-linear-gradient(45deg, #d7d7d7 0, #b2b1b1 100%);
    transform: rotate(45deg);
    border-bottom: 1px solid #b2b1b1
}

.interactiveEthics .numb .shadow1 {
    width: 124px;
    height: 124px;
    margin: 3px 0 0 3px;
    position: relative;
    background-image: -moz-linear-gradient(0deg, #ededed 0, #bebebe 100%);
    background-image: -webkit-linear-gradient(0deg, #ededed 0, #bebebe 100%);
    background-image: -ms-linear-gradient(0deg, #ededed 0, #bebebe 100%);
    border-radius: 50%
}

.interactiveEthics .numb .shadow1::before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    bottom: -9px;
    margin-left: -12px;
    background-image: -moz-linear-gradient(0deg, #dcdcdc 0, #d0d0d0 100%);
    background-image: -webkit-linear-gradient(0deg, #dcdcdc 0, #d0d0d0 100%);
    background-image: -ms-linear-gradient(0deg, #dcdcdc 0, #d0d0d0 100%);
    transform: rotate(45deg)
}

.interactiveEthics .numb .colored1 {
    width: 118px;
    height: 118px;
    float: left;
    margin: 3px 0 0 3px;
    position: relative;
    background-image: -moz-linear-gradient(0deg, #fff 0, #c6c6c6 100%);
    background-image: -webkit-linear-gradient(0deg, #fff 0, #c6c6c6 100%);
    background-image: -ms-linear-gradient(0deg, #fff 0, #c6c6c6 100%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.interactiveEthics .numb .colored1::before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    bottom: -9px;
    margin-left: -12px;
    background-image: -moz-linear-gradient(0deg, #e9e9e9 0, #dbdbdb 100%);
    background-image: -webkit-linear-gradient(0deg, #e9e9e9 0, #dbdbdb 100%);
    background-image: -ms-linear-gradient(0deg, #e9e9e9 0, #dbdbdb 100%);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.interactiveEthics .numb .shadow2 {
    width: 100px;
    height: 100px;
    float: left;
    margin: 9px 0 0 9px;
    position: relative;
    background: #b2b1b1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.interactiveEthics .numb .shadow3 {
    width: 96px;
    height: 96px;
    float: left;
    margin: 2px 0 0 2px;
    position: relative;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.interactiveEthics .numb .circle {
    width: 84px;
    height: 84px;
    float: left;
    margin: 6px 0 0 6px;
    position: relative;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 40px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 0 0 40px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 40px rgba(0, 0, 0, .5);
    line-height: 84px;
    font-size: 48px;
    font-weight: 900;
    text-align: center;
    color: #646363
}

.interactiveEthics .buttons #tubitak-next .text, .interactiveEthics .step-1 .button:hover .text {
    background-image: -moz-linear-gradient(0deg, #e41f34 0, #70262b 100%);
    background-image: -webkit-linear-gradient(0deg, #e41f34 0, #70262b 100%);
    background-image: -ms-linear-gradient(0deg, #e41f34 0, #70262b 100%)
}

.interactiveEthics .buttons #arastirma-next:hover, .interactiveEthics .buttons #proje-next:hover, .interactiveEthics .buttons #tez-next:hover, .interactiveEthics .buttons #tubitak-next:hover, .interactiveEthics .step-1 .button:hover {
    background-image: -moz-linear-gradient(0deg, #87888b 0, #fff 100%);
    background-image: -webkit-linear-gradient(0deg, #87888b 0, #fff 100%);
    background-image: -ms-linear-gradient(0deg, #87888b 0, #fff 100%)
}

.interactiveEthics .note {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -30px;
    font-size: 12px;
    text-align: center;
    color: #8a8a8a
}

.interactiveEthics .summary {
    width: 100%;
    min-height: 120px;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    color: #777;
    box-sizing: border-box
}

.interactiveEthics .summary.true {
    display: none
}

.interactiveEthics .yes-next .summary.true {
    display: block
}

.interactiveEthics .summary.false {
    display: none
}

.interactiveEthics .no-next .summary.false {
    display: block
}

.interactiveEthics .buttons {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.interactiveEthics .buttons.stil2 {
    width: 300px
}

.interactiveEthics .buttons .button {
    min-width: 80px;
    padding: 2px;
    float: left;
    background-image: -moz-linear-gradient(0deg, #fff 0, #87888b 100%);
    background-image: -webkit-linear-gradient(0deg, #fff 0, #87888b 100%);
    background-image: -ms-linear-gradient(0deg, #fff 0, #87888b 100%);
    border: 1px solid #A5A8A9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 24px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    margin: 0 20px 10px 0;
    cursor: pointer
}

.interactiveEthics .buttons.stil3 .button {
    margin: 0 0 10px;
    float: right;
}

.interactiveEthics .buttons .shadow1 {
    padding: 2px;
    background-image: -moz-linear-gradient(0deg, #b4b5b9 0, #b4b5b9 100%);
    background-image: -webkit-linear-gradient(0deg, #b4b5b9 0, #b4b5b9 100%);
    background-image: -ms-linear-gradient(0deg, #b4b5b9 0, #b4b5b9 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.interactiveEthics .buttons .text {
    background-image: -moz-linear-gradient(0deg, #c8c9cb 0, #c8c9cb 50%, #96979b 100%);
    background-image: -webkit-linear-gradient(0deg, #c8c9cb 0, #c8c9cb 50%, #96979b 100%);
    background-image: -ms-linear-gradient(0deg, #c8c9cb 0, #c8c9cb 50%, #96979b 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff
}

.interactiveEthics .arastirma-summary, .interactiveEthics .proje-summary, .interactiveEthics .tez-summary, .interactiveEthics .tubitak-summary {
    display: none
}

.arastirma-next .arastirma-summary, .proje-next .proje-summary, .tez-next .tez-summary, .tubitak-next .tubitak-summary {
    display: block
}

.interactiveEthics .step-1 .numbox {
    left: -30px
}

.interactiveEthics .step-1 .buttons, .interactiveEthics .step-1 .summary {
    float: left;
    padding-left: 16%
}

.interactiveEthics .step-1 .summary {
    min-height: 130px
}

.interactiveEthics .step-1 .summary .text1 {
    margin-top: 82px
}

.interactiveEthics .step-1 .summary .text2 {
    font-size: 13px
}

.interactiveEthics .step-1 .buttons {
    margin-top: 25px
}

.interactiveEthics .step-2 .numbox {
    left: 10%
}

.interactiveEthics .step-2 .buttons, .interactiveEthics .step-2 .summary {
    float: left;
    padding-left: 30%
}

.interactiveEthics .step-2 .summary {
    min-height: 96px
}

.interactiveEthics .step-2 .summary .text1 {
    margin-top: 68px
}

.interactiveEthics .step-2 .buttons {
    padding: 0;
    margin-left: 30%
}

.interactiveEthics .buttons #tez-next .text {
    background-image: -moz-linear-gradient(0deg, #9c9e65 0, #777e2f 100%);
    background-image: -webkit-linear-gradient(0deg, #9c9e65 0, #777e2f 100%);
    background-image: -ms-linear-gradient(0deg, #9c9e65 0, #777e2f 100%)
}

.interactiveEthics .buttons #tez-next:hover .text {
    background-image: -moz-linear-gradient(0deg, #777e2f 0, #9c9e65 100%);
    background-image: -webkit-linear-gradient(0deg, #777e2f 0, #9c9e65 100%);
    background-image: -ms-linear-gradient(0deg, #777e2f 0, #9c9e65 100%)
}

.interactiveEthics .buttons #proje-next .text {
    background-image: -moz-linear-gradient(90deg, #1d297b 0, #009edf 100%);
    background-image: -webkit-linear-gradient(90deg, #1d297b 0, #009edf 100%);
    background-image: -ms-linear-gradient(90deg, #1d297b 0, #009edf 100%)
}

.interactiveEthics .buttons #proje-next:hover .text {
    background-image: -moz-linear-gradient(90deg, #009edf 0, #1d297b 100%);
    background-image: -webkit-linear-gradient(90deg, #009edf 0, #1d297b 100%);
    background-image: -ms-linear-gradient(90deg, #009edf 0, #1d297b 100%)
}

.interactiveEthics .buttons #arastirma-next .text {
    background-image: -moz-linear-gradient(0deg, #e86939 0, #b14f40 100%);
    background-image: -webkit-linear-gradient(0deg, #e86939 0, #b14f40 100%);
    background-image: -ms-linear-gradient(0deg, #e86939 0, #b14f40 100%)
}

.interactiveEthics .buttons #arastirma-next:hover .text {
    background-image: -moz-linear-gradient(0deg, #b14f40 0, #e86939 100%);
    background-image: -webkit-linear-gradient(0deg, #b14f40 0, #e86939 100%);
    background-image: -ms-linear-gradient(0deg, #b14f40 0, #e86939 100%)
}

.interactiveEthics .buttons #tubitak-next:hover .text {
    background-image: -moz-linear-gradient(0deg, #70262b 0, #e41f34 100%);
    background-image: -webkit-linear-gradient(0deg, #70262b 0, #e41f34 100%);
    background-image: -ms-linear-gradient(0deg, #70262b 0, #e41f34 100%)
}

.interactiveEthics .step-3 .numbox {
    right: 18%
}

.interactiveEthics .step-3 .buttons, .interactiveEthics .step-3 .summary {
    float: left;
    padding-right: 38%
}

.interactiveEthics .step-3 .summary .text1 {
    margin-top: 92px
}

.interactiveEthics .step-4 .summary .text1, .interactiveEthics .tez-next .step-3 .summary .text1 {
    margin-top: 68px
}

.interactiveEthics .step-3 .summary .text2 {
    font-size: 12px
}

.interactiveEthics .step-3 .summary .text2 a {
    color: #0563c1
}

.interactiveEthics .step-4 .numbox {
    right: 18%
}

.interactiveEthics .step-4 .buttons, .interactiveEthics .step-4 .summary {
    float: left;
    padding-right: 38%;
    text-align: right
}

.interactiveEthics .step-4 .buttons.stil3 .button {
    float: right
}

.interactiveEthics .no-next.tez-next .step-4 .summary .text1, .interactiveEthics .yes-next.tez-next .step-4 .summary .text1 {
    margin-top: 90px
}

.interactiveEthics .step-5 .numbox {
    right: 8.5%
}

.interactiveEthics .step-6 .numbox, .interactiveEthics .step-7 .numbox {
    right: -30px
}

.interactiveEthics .step-5 .buttons, .interactiveEthics .step-5 .summary {
    float: left;
    padding-right: 29%;
    text-align: right
}

.interactiveEthics .step-5 .buttons.stil3 .button {
    float: right
}

.interactiveEthics .step-5 .summary {
    margin-top: 20px
}

.interactiveEthics .no-next.arastirma-next .step-5 .summary .text1, .interactiveEthics .no-next.proje-next .step-5 .summary .text1, .interactiveEthics .no-next.tez-next .step-5 .summary .text1, .interactiveEthics .no-next.tubitak-next .step-5 .summary .text1 {
    margin-top: 48px
}

.interactiveEthics .step-6 .buttons, .interactiveEthics .step-6 .summary {
    float: left;
    padding-right: 19%;
    padding-left: 15.5%;
    text-align: right
}

.tubitak-next .step-6 .buttons, .tubitak-next .step-6 .summary {
    padding-left: 11.5%
}

.tubitak-next.no-next .step-6 .buttons, .tubitak-next.no-next .step-6 .summary {
    padding-left: 2.5%
}

.interactiveEthics .step-6 .summary.false {
    font-size: 15px;
    line-height: 24px
}

.interactiveEthics .step-6 .buttons.stil3 .button {
    float: right
}

.interactiveEthics .step-6 .summary .text1 {
    margin-top: 92px
}

.interactiveEthics .arastirma-next.no-next .step-6 .summary .text1, .interactiveEthics .proje-next.no-next .step-6 .summary .text1, .interactiveEthics .tez-next.no-next .step-6 .summary .text1, .interactiveEthics .tubitak-next.no-next .step-6 .summary .text1 {
    margin-top: 91px
}

.interactiveEthics .step-7 .numb .circle {
    background: #be1e2d;
    color: #f8f8f9
}

.arastirma-next .buttons .text, .arastirma-next .step::after {
    background-image: -moz-linear-gradient(0deg, #e86939 0, #b14f40 100%);
    background-image: -webkit-linear-gradient(0deg, #e86939 0, #b14f40 100%);
    background-image: -ms-linear-gradient(0deg, #e86939 0, #b14f40 100%)
}

.arastirma-next .buttons .button:hover, .proje-next .buttons .button:hover, .tez-next .buttons .button:hover, .tubitak-next .buttons .button:hover {
    background-image: -moz-linear-gradient(0deg, #87888b 0, #fff 100%);
    background-image: -webkit-linear-gradient(0deg, #87888b 0, #fff 100%);
    background-image: -ms-linear-gradient(0deg, #87888b 0, #fff 100%)
}

.interactiveEthics .step-7 .buttons, .interactiveEthics .step-7 .summary {
    float: left;
    padding-right: 19%;
    padding-left: 14.5%;
    text-align: right
}

.interactiveEthics .step-7 .summary {
    color: #d2232a
}

.interactiveEthics .step-7 .summary .text1 {
    margin-top: 88px
}

.tez-next .numb .colored1 {
    background-image: -moz-linear-gradient(90deg, #787e31 0, #9c9d65 100%);
    background-image: -webkit-linear-gradient(90deg, #787e31 0, #9c9d65 100%);
    background-image: -ms-linear-gradient(90deg, #787e31 0, #9c9d65 100%)
}

.tez-next .numb .colored1::before {
    background-image: -moz-linear-gradient(90deg, #787e31 0, #787e31 100%);
    background-image: -webkit-linear-gradient(90deg, #787e31 0, #787e31 100%);
    background-image: -ms-linear-gradient(90deg, #787e31 0, #787e31 100%)
}

.tez-next .step::after {
    background-image: -moz-linear-gradient(0deg, #50581c 0, #777e2f 100%);
    background-image: -webkit-linear-gradient(0deg, #50581c 0, #777e2f 100%);
    background-image: -ms-linear-gradient(0deg, #50581c 0, #777e2f 100%)
}

.tez-next .numb .circle {
    color: #989a60
}

.tez-next .buttons .text {
    background-image: -moz-linear-gradient(0deg, #9c9e65 0, #777e2f 100%);
    background-image: -webkit-linear-gradient(0deg, #9c9e65 0, #777e2f 100%);
    background-image: -ms-linear-gradient(0deg, #9c9e65 0, #777e2f 100%)
}

.tez-next .buttons .button:hover .text {
    background-image: -moz-linear-gradient(0deg, #777e2f 0, #9c9e65 100%);
    background-image: -webkit-linear-gradient(0deg, #777e2f 0, #9c9e65 100%);
    background-image: -ms-linear-gradient(0deg, #777e2f 0, #9c9e65 100%)
}

.proje-next .numb .colored1 {
    background-image: -moz-linear-gradient(90deg, #1f2b7b 0, #009edf 100%);
    background-image: -webkit-linear-gradient(90deg, #1f2b7b 0, #009edf 100%);
    background-image: -ms-linear-gradient(90deg, #1f2b7b 0, #009edf 100%)
}

.proje-next .numb .colored1::before {
    background-image: -moz-linear-gradient(90deg, #1f2b7b 0, #1f2b7b 100%);
    background-image: -webkit-linear-gradient(90deg, #1f2b7b 0, #1f2b7b 100%);
    background-image: -ms-linear-gradient(90deg, #1f2b7b 0, #1f2b7b 100%)
}

.proje-next .step::after {
    background-image: -moz-linear-gradient(0deg, #1d297b 0, #009edf 100%);
    background-image: -webkit-linear-gradient(0deg, #1d297b 0, #009edf 100%);
    background-image: -ms-linear-gradient(0deg, #1d297b 0, #009edf 100%)
}

.proje-next .numb .circle {
    color: #1f2b7b
}

.proje-next .buttons .text {
    background-image: -moz-linear-gradient(90deg, #1d297b 0, #009edf 100%);
    background-image: -webkit-linear-gradient(90deg, #1d297b 0, #009edf 100%);
    background-image: -ms-linear-gradient(90deg, #1d297b 0, #009edf 100%)
}

.proje-next .buttons .button:hover .text {
    background-image: -moz-linear-gradient(90deg, #009edf 0, #1d297b 100%);
    background-image: -webkit-linear-gradient(90deg, #009edf 0, #1d297b 100%);
    background-image: -ms-linear-gradient(90deg, #009edf 0, #1d297b 100%)
}

.arastirma-next .numb .colored1 {
    background-image: -moz-linear-gradient(90deg, #b14f40 0, #e86939 100%);
    background-image: -webkit-linear-gradient(90deg, #b14f40 0, #e86939 100%);
    background-image: -ms-linear-gradient(90deg, #b14f40 0, #e86939 100%)
}

.arastirma-next .numb .colored1::before {
    background-image: -moz-linear-gradient(90deg, #b14f40 0, #b14f40 100%);
    background-image: -webkit-linear-gradient(90deg, #b14f40 0, #b14f40 100%);
    background-image: -ms-linear-gradient(90deg, #b14f40 0, #b14f40 100%)
}

.arastirma-next .numb .circle {
    color: #ce5d3d
}

.arastirma-next .buttons .button:hover .text {
    background-image: -moz-linear-gradient(0deg, #b14f40 0, #e86939 100%);
    background-image: -webkit-linear-gradient(0deg, #b14f40 0, #e86939 100%);
    background-image: -ms-linear-gradient(0deg, #b14f40 0, #e86939 100%)
}

.tubitak-next .numb .colored1 {
    background-image: -moz-linear-gradient(90deg, #70262b 0, #e41f34 100%);
    background-image: -webkit-linear-gradient(90deg, #70262b 0, #e41f34 100%);
    background-image: -ms-linear-gradient(90deg, #70262b 0, #e41f34 100%)
}

.tubitak-next .numb .colored1::before {
    background-image: -moz-linear-gradient(90deg, #70262b 0, #70262b 100%);
    background-image: -webkit-linear-gradient(90deg, #70262b 0, #70262b 100%);
    background-image: -ms-linear-gradient(90deg, #70262b 0, #70262b 100%)
}

.tubitak-next .step::after {
    background-image: -moz-linear-gradient(0deg, #b42432 0, #b42432 100%);
    background-image: -webkit-linear-gradient(0deg, #b42432 0, #b42432 100%);
    background-image: -ms-linear-gradient(0deg, #b42432 0, #b42432 100%)
}

.tubitak-next .numb .circle {
    color: #a92431
}

.tubitak-next .buttons .text {
    background-image: -moz-linear-gradient(0deg, #e41f34 0, #70262b 100%);
    background-image: -webkit-linear-gradient(0deg, #e41f34 0, #70262b 100%);
    background-image: -ms-linear-gradient(0deg, #e41f34 0, #70262b 100%)
}

.tubitak-next .buttons .button:hover .text {
    background-image: -moz-linear-gradient(0deg, #70262b 0, #e41f34 100%);
    background-image: -webkit-linear-gradient(0deg, #70262b 0, #e41f34 100%);
    background-image: -ms-linear-gradient(0deg, #70262b 0, #e41f34 100%)
}

.interactiveEthics .loading {
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 5
}

.interactiveEthics .loading .numb {
    float: none;
    margin: 0 auto
}

.interactiveEthics .loading .numb .circle {
    background: #be1e2d;
    color: #f8f8f9
}

.interactiveEthics .loading .summary {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px
}

.interactiveEthics .loading .summary div {
    display: block;
    color: #999;
    margin-top: 10px
}

.interactiveEthics .loading .text1 {
    font-size: 39px;
    font-weight: 700
}

.interactiveEthics .loading .text2 {
    font-size: 32px;
    font-weight: 300
}

.aofLogin {
    width: 100%;
    float: left;
    margin: 0 0 35px 0;
}

.aofLogin a {
    width: 100%;
    height: 40px;
    float: left;
    background: #004a85;
    color: #fff;
    line-height: 40px;
}

.aofLogin span {
    width: 50px;
    height: 40px;
    float: left;
    background: #003b6a url(../img/icons/login.png) no-repeat center;
    margin-right: 10px;
}

.aofLogin a:hover {
    background-color: #9e141f;
}

.aofLogin a:hover span {
    background-color: #90101a;
    margin-right: 15px;
}

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

.surecAkisi .toggleGrup {
    width: 100%;
    float: left;
    margin-top: 20px;
    border: 1px solid #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.surecAkisi .toggleGrup.active {
    border-width: 2px;
}

.surecAkisi .toggleGrup .headline {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    cursor: pointer;
}

.surecAkisi .toggleGrup.active .headline {
    background: #555;
    color: #fff;
}

.surecAkisi .toggleGrup .content {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 13px;
    display: none;
}

.live-support {
    position: fixed;
    right: -60px;
    bottom: 50%;
    z-index: 999;
    transform: rotate(-90deg);
    padding: 8px 13px 30px 13px;
    background: #9e141f;
    color: #fff;
    font-size: 12px;
    display: block;
    margin-bottom: -70px;
}

.live-support:hover {
    color: #fff;
    right: -50px;
}

.live-support::before {
    content: "";
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 4px;
    background: url("../img/live-support.svg") no-repeat center;
    background-size: 100%;
}

.aos-support {
    position: fixed;
    right: -55px;
    bottom: 50%;
    z-index: 999;
    transform: rotate(-90deg);
    padding: 8px 13px 30px 13px;
    background: #004a85;
    color: #fff;
    font-size: 12px;
    display: block;
    margin-bottom: -210px;
}

.aos-support:hover {
    color: #fff;
    right: -45px;
}

.aos-support::before {
    content: "";
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 4px;
    background: url("../img/mark-balloon.svg") no-repeat center;
    background-size: 100%;
}

@media only screen and (max-height: 996px) {
    .live-support {
        bottom: 170px;
        margin-bottom: 0;
    }

    .aos-support {
        bottom: 40px;
        margin-bottom: 0;
    }
}

.image-data {
    width: 48px;
    position: relative;
}

.image-data .basic {
    width: 48px;
    border-radius: 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.image-data .bigger {
    width: 250px;
    max-width: 250px;
    min-width: 250px;
    position: absolute;
    left: 60px;
    top: -80px;
    border-radius: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.3);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.5, .5);
    -moz-transform: scale(.5, .5);
    -ms-transform: scale(.5, .5);
    -o-transform: scale(.5, .5);
    transform: scale(.5, .5);
}

.image-data:hover .bigger {
    display: block;
    z-index: 3;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.y-name {
    font-weight: 600;
    color: #9e141f;
}

.y-name i {
    font-weight: 300;
    color: #9e9e9e;
}

.y-index {
    color: #00569c;
}

.y-price {
    font-weight: 600;
    font-size: 12px;
}

.y-td {
    padding: 15px 10px;
}

.none-baseline {
    vertical-align: middle;
}


.custom-select {
    width: 50%;
    height: 40px;
    float: left;
    border: 1px solid #ccc;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #444;
    border-radius: 2px;
    background: transparent;
}

/*smart banner*/
#smartbanner {
    position: absolute;
    left: 0;
    top: -82px;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    min-height: 78px;
    padding-bottom: 10px;
    font-family: 'Helvetica Neue', sans-serif;
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none;
}

#smartbanner, html.sb-animation {
    -webkit-transition: all .3s ease;
}

#smartbanner .sb-container {
    margin: 0 auto;
}

#smartbanner .sb-close {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
    font-family: 'ArialRoundedMTBold', Arial;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #070707;
    text-decoration: none;
    text-shadow: none;
    border-radius: 14px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    -webkit-font-smoothing: subpixel-antialiased;
}

#smartbanner .sb-close:active {
    font-size: 13px;
    color: #aaa;
}

#smartbanner .sb-icon {
    position: absolute;
    left: 30px;
    top: 19px;
    display: block;
    width: 57px;
    height: 57px;
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

#smartbanner.no-icon .sb-icon {
    display: none;
}

#smartbanner .sb-info {
    position: absolute;
    left: 98px;
    top: 18px;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: bold;
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

#smartbanner #smartbanner.no-icon .sb-info {
    left: 34px;
}

#smartbanner .sb-info strong {
    display: block;
    font-size: 13px;
    color: #4d4d4d;
    line-height: 18px;
}

#smartbanner .sb-info > span {
    display: block;
}

#smartbanner .sb-info em {
    font-style: normal;
    text-transform: uppercase;
}

#smartbanner .sb-button {
    position: absolute;
    right: 20px;
    top: 24px;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
    min-width: 10%;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #6a6a6a;
    background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
}

#smartbanner .sb-button:active, #smartbanner .sb-button:hover {
    background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
}

#smartbanner .sb-icon.gloss:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
    border-radius: 10px 10px 12px 12px;
}

#smartbanner.android {
    border-color: #212228;
    background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7');
    border-top: 5px solid #88B131;
    box-shadow: none;
}

#smartbanner.android .sb-close {
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #b1b1b3;
    background: #1c1e21;
    text-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

#smartbanner.android .sb-close:active {
    color: #eee;
}

#smartbanner.android .sb-info {
    color: #ccc;
    text-shadow: 0 1px 2px #000;
}

#smartbanner.android .sb-info strong {
    color: #fff;
}

#smartbanner.android .sb-button {
    min-width: 12%;
    border: none;
    padding: 1px;
    color: #d1d1d1;
    background: none;
    border-radius: 0;
    box-shadow: none;
    min-height: 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#smartbanner.android .sb-button span {
    text-align: center;
    display: block;
    padding: 5px 15px;
    background-color: #9e141f;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9e141f), to(#4e1318));
    background-image: -moz-linear-gradient(top, #9e141f, #4e1318);
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover {
    background: none;
}

#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span {
    background: #2AC7E1;
}

#smartbanner.windows .sb-icon {
    border-radius: 0px;
}

.alotech-chat-widget, .alotech-chat-head {
    border: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.alotech-chat-head h3 {
    font-size: 13px !important;
}

.alotech-chat-head button {
    width: 12px !important;
    height: 12px !important;
    background-size: 100%;
}

.departments {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.departments .item {
    width: 25%;
    float: left;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.departments .item .image {
    width: 100%;
    min-height: 148px;
    max-height: 148px;
    float: left;
    background: none;
    overflow: hidden;
    margin-bottom: 8px;
    padding: 10px;
    background: #f7f7f7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.departments .item .image img {
    width: 100%;
    float: left;
}

.departments .item .text {
    width: 100%;
    min-height: 36px;
    float: left;
    line-height: 18px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
    .departments .item {
        width: 100%;
    }

    .departments .item {
        max-height: none;
    }
}

.navbar-right {
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background: #770c15;
    font-size: 10px;
    color: #fff;
    line-height: 40px;
    display: flex;
    justify-content: center;
}

.navbar-right .uni-tercih a {
    padding: 0 10px;
    color: #fff;
    background: #b3212d;
    display: block;
}

.navbar-right .uni-tercih a:hover {
    background: #fff;
    color: #000;
}

@media screen and (max-width: 1788px) {
    .navbar-right {
        position: relative;
        float: right;
    }

    .topNav ul {
        float: left;
    }
}

.navbar-right .suKlass {
    float: right;
    height: 40px;
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
}

.navbar-right .suKlass .play-icon {
    width: 40px;
    height: 40px;
    float: right;
    box-sizing: border-box;
    padding: 8px;
    background: #111;
    transition: all .3s;
}

.navbar-right .suKlass:hover {
    background: #9e141f;
}

.navbar-right.suKlass:hover .play-icon {
    background: #9e141f;
}

.navbar-right .radio-icon {
    width: 40px;
    height: 40px;
    float: left;
    box-sizing: border-box;
    padding: 8px;
}

.navbar-right .radio-icon img {
    width: 100%;
}

.navbar-right .tour-360 {
    float: left;
}

.navbar-right .tour-360 img {
    float: left;
}

.navbar-right .tour-360 .link {
    width: 40px;
    height: 40px;
    float: right;
    background: #111;
    transition: all .3s;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
    font-size: 11px;
}

.navbar-right .tour-360 .link:hover {
    background: #9e141f;
}

.code-kul-list {
    width: 55px;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 2;
}

.code-kul-list .item {
    width: 100%;
    float: left;
    background: #c51162;
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    padding: 0 5px;
    margin-bottom: 5px;
}

.covid19-banner {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 22;
}

.edit {
    float: right;
    color: #888888;
    font-size: 13px;
}

.edit > span {
    font-style: italic;
}

.back-btn {
    float: right;
    position: relative;
    margin-top: -25px;
}

.back-btn a {
    margin-right: 5px;
}

.back-btn a span {
    display: inline-block;
    background: url(../img/icons/arrowDown.png) center no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 12px;
    padding-left: 25px;
}

.side-banner {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    margin-top: 10px;
    border-top: 1px solid #ececec;
}

.side-banner a {
    min-height: 40px;
    margin-bottom: 10px;
    background: #f9f9f9;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #676e72;
}

.side-banner a:hover {
    color: #9E141F;
}

.side-banner img {
    max-height: 30px;
}

.side-banner img.ilan-gov {
    width: 100%;
}

.side-banner .afad {
    padding: 10px;

}

.side-banner .afad img {
    max-height: 70px;
    margin-left: 10px;

}

.aday-ogrenci {
    background-color: #d32d2d;
}

.embed-container {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.application-bar {
    width: 100%;
    float: left;
    background: #ff6316;
    color: rgba(255, 255, 255, .8);
    padding: 10px 0;
}

.application-bar .lnk-btn {
    padding: 10px 15px;
    color: #fff;
    background: rgba(255, 255, 255, .3);
    margin-left: 20px;
}

.application-bar .lnk-btn:hover {
    color: #ff6316;
    background: rgba(255, 255, 255, 1);
}

.bg-purple{
    background: #672D91;
}
.bg-purple .lnk-btn:hover {
    color: #672D91;
    background: rgba(255, 255, 255, 1);
}

.application-bar .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .application-bar {
        padding: 15px;
        box-sizing: border-box;
    }

    .application-bar .container {
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
    }
}

@media screen and (max-width: 600px) {

    .application-bar .lnk-btn {
        margin-top: 15px;
    }

    .bg-purple .lnk-btn {
        margin-top: 0px;
    }
}

@media screen and (max-width: 400px) {

    .bg-purple .lnk-btn {
        margin-top: 10px;
    }
}

.print-button {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("../img/printing.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    border-radius: 4px;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
    transition: all .3s;
}

.print-button:hover {
    background-color: #f4f4f4;
    box-shadow: 0 5px 15px rgba(158, 20, 31, 0.3);
}

@media screen and (max-width: 600px) {
    .print-button {
        top: -20px;
    }
}

@media print {
    header, .pageImage, .pageHeading, .leftSidebar, .print-button, footer {
        display: none !important;
    }

    .main {
        margin: 0;
    }

    .rightSidebar {
        width: 100%;
        margin: 0;
    }

    body {
        transform: scale(.9);
    }

    @page {
        margin: .3in 0;
    }
}

.podcast-carousel, .podcast-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.podcast-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.podcast-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.podcast-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.podcast-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.podcast-carousel .owl-item, .podcast-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.podcast-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

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

.podcast-carousel .owl-dots.disabled, .podcast-carousel .owl-nav.disabled {
    display: none
}

.no-js .podcast-carousel, .podcast-carousel.owl-loaded {
    display: block
}

.podcast-carousel .owl-dot, .podcast-carousel .owl-nav .owl-next, .podcast-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.podcast-carousel .owl-nav button.owl-next, .podcast-carousel .owl-nav button.owl-prev, .podcast-carousel button.owl-dot {
    background: 0 0;
    color: #3a4a77;
    padding: 0 !important;
    font-size: 26px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: none !important;
    background-size: 8px !important;
    margin-top:10px;
    border-radius:2px;
}

.podcast-carousel.owl-loading {
    opacity: 0;
    display: block
}

.podcast-carousel.owl-hidden {
    opacity: 0
}

.podcast-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.podcast-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.podcast-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.podcast-carousel.owl-rtl {
    direction: rtl
}

.podcast-carousel.owl-rtl .owl-item {
    float: right
}

.podcast-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.podcast-carousel .owl-animated-in {
    z-index: 0
}

.podcast-carousel .owl-animated-out {
    z-index: 1
}

.podcast-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.podcast-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.podcast-carousel .owl-item .owl-lazy:not([src]), .podcast-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.podcast-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.podcast-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.podcast-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.podcast-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.podcast-carousel .owl-video-playing .owl-video-play-icon, .podcast-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.podcast-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.podcast-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    width: 100%;
    position: absolute;
    top: 52px;
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    width: 30px;
    height: 60px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    margin: -7px 0 0;
    z-index: 3;
    transition: all .3s;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    width: 50px;
    background-color:rgba(158, 20, 31, .7);
}


.podcast-carousel .owl-nav {
    left: 0;
    top: 60px;
    margin-top: 0;
}

.podcast-carousel .owl-nav button.owl-prev {
    margin-left:-36px;
    background: url(../img/mainSliderArrowLeft.png) center no-repeat rgba(0, 0, 0, .3);
    left: 0;
}

.podcast-carousel .owl-nav button.owl-prev:hover {
    width:36px;
}

.podcast-carousel .owl-nav button.owl-next {
    margin-right:-36px;
    background: url(../img/mainSliderArrowRight.png) center no-repeat rgba(0, 0, 0, .3);
    right: 0;
}

.podcast-carousel .owl-nav button.owl-next:hover {
    width:36px;
}

@media screen and (max-width: 1024px) {
    .podcast-carousel .owl-nav button.owl-prev {
        margin-left: 0px;
    }

    .podcast-carousel .owl-nav button.owl-prev:hover {
        margin-left: 0px;
    }

    .podcast-carousel .owl-nav button.owl-next {
        margin-right: 0px;
    }

    .podcast-carousel .owl-nav button.owl-next:hover {
        margin-right: 0px;
    }
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3a4a77;
}

.e-xcellance-label {
    width: 50%;
    float: left;
}
.cookie{
    background: #9e141f;
    padding: 20px 10px;
    width:100%;
    position: fixed;
    left:0;
    bottom: 0;
    font-size: 14px;
    z-index: 1000;
}

.cookie .done:after{
    color: #fff;
    margin-top: -22px;
    font-size: 28px;
    content: "\00d7";
    float: right;
    cursor: pointer;
}
.cookie .text{
    margin-bottom: 10px;
    color: #fff;
}
.cookie .text a{
    text-decoration: none;
    color: #fff;
    font-weight: bolder;
}
.cookie .confirm .btn{
    padding: 5px 15px;
    border: none;
    border-radius: 5px;
    background: #fff;
    color: #9e141f;
    font-size: 14px;
    min-width: 100px;
    margin-right: 10px;
}
.cookie .confirm .btn.accept{
    background-color: #2ecc71;
    color: #FFF;
}
#gdprConsent {
    display: none;
}

.ui-datepicker {
    z-index: 1000 !important;
}


.academic-papers {
    width:100%;
    float:left;
    margin-top:30px;
}

.academic-papers .headingBar {
    width: 100%;
    height: 50px;
    float: left;
    background: #5d6971
}

.academic-papers .headingBar .ico {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../img/icons/ico34.png) center no-repeat #404b52;
}

.academic-papers .headingBar .heading {
    float: left;
    margin: 0 0 0 10px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    line-height: 50px
}

.academic-papers .headingBar .heading span {
    font-weight: 300
}

.academic-papers .headingBar .more {
    float: right
}

.academic-papers .headingBar .more a {
    font-size: 12px;
    background: url(../img/icons/moreIcon.png) right center no-repeat;
    line-height: 50px;
    opacity: .4;
    color: #fff;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0
}

.academic-papers .headingBar .more a:hover {
    opacity: 1
}

.academic-papers .list {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 15px;
}

.academic-papers-single-page.academic-papers .list {
    padding:0;
}

.academic-papers .list .item {
    width:100%;
    float:left;
    padding-bottom: 30px;
}

.academic-papers .list .item-wrap {
    width:100%;
    float:left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 15px;
    border: 1px solid #d1d7dd;
    border-radius: 5px;
    box-sizing: border-box;
    transition: all .3s;
    box-shadow: 0 0 30px rgba(0,0,0,0.13);
    padding: 15px;
}

.academic-papers-single-page.academic-papers .list .item-wrap {
    box-shadow: 0 10px 10px rgba(0,0,0,0.06);
}

.academic-papers .list .item-wrap:hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.13);
}

.academic-papers .list .item-wrap::before {
    width: 60px;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    display:flex;
    justify-content: center;
    align-items: center;
    background: url("../img/icons/book-academic-papers.png") no-repeat center center;
    background-size: 40px;
}

.academic-papers .list .item .headline {
    font-size:15px;
    color: #4f5f6a;
    font-weight: 500;
    line-height: 26px;
}

.academic-papers .list .item .headline a {
    color: #4f5f6a;
}
.academic-papers .list .item .headline a:hover {
    color: #184a6e;
}

.academic-papers .list .item .details {
    width:100%;
    display: flex;
    flex-direction: row;
    row-gap: 20px;
    column-gap: 15px;
    justify-content: space-between;
}

.academic-papers .list .item .block {
    width: 100%;
    background: #f0f5f8;
    color: #123045;
    display:flex;
    font-size: 12px;
    padding: 7px;
    border-radius: 3px;
    position: relative;
}

.academic-papers .list .item .block:before {
    content: attr(data-random-title);
    position: absolute;
    left: 50%;
    bottom:0;

}

.academic-papers .list .item a.block:hover {
    background: #dcecf6;
}

.academic-papers .list .item .block .ico {
    width: 13px;
    height: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.academic-papers .list .item .block .ico.ico-small {
    width: 11px;
    height: 11px;
}

.academic-papers-carousel, .academic-papers-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.academic-papers-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.academic-papers-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.academic-papers-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.academic-papers-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.academic-papers-carousel .owl-item, .academic-papers-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.academic-papers-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.academic-papers-carousel .owl-item img {
    display: block;
    width: 100%
}

.academic-papers-carousel .owl-dots.disabled, .academic-papers-carousel .owl-nav.disabled {
    display: none
}

.no-js .academic-papers-carousel, .academic-papers-carousel.owl-loaded {
    display: block
}

.academic-papers-carousel .owl-dot, .academic-papers-carousel .owl-nav .owl-next, .academic-papers-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.academic-papers-carousel .owl-nav button.owl-next, .academic-papers-carousel .owl-nav button.owl-prev, .academic-papers-carousel button.owl-dot {
    background: 0 0;
    color: #3a4a77;
    padding: 0 !important;
    font-size: 26px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: none !important;
    background-size: 8px !important;
    margin-top:10px;
    border-radius:2px;
}

.academic-papers-carousel.owl-loading {
    opacity: 0;
    display: block
}

.academic-papers-carousel.owl-hidden {
    opacity: 0
}

.academic-papers-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.academic-papers-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.academic-papers-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.academic-papers-carousel.owl-rtl {
    direction: rtl
}

.academic-papers-carousel.owl-rtl .owl-item {
    float: right
}

.academic-papers-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.academic-papers-carousel .owl-animated-in {
    z-index: 0
}

.academic-papers-carousel .owl-animated-out {
    z-index: 1
}

.academic-papers-carousel .fadeOut {
    animation-name: fadeOut
}

.academic-papers-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.academic-papers-carousel .owl-item .owl-lazy:not([src]), .academic-papers-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.academic-papers-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.academic-papers-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.academic-papers-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.academic-papers-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.academic-papers-carousel .owl-video-playing .owl-video-play-icon, .academic-papers-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.academic-papers-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.academic-papers-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.academic-papers-carousel .owl-nav {
    left: 0;
    top: 50%;
    margin-top: -30px;
}

.academic-papers-carousel .owl-nav button.owl-prev {
    margin-left:-36px;
    background: url(../img/mainSliderArrowLeft.png) center no-repeat rgba(0, 0, 0, .3);
    left: 0;
}

.academic-papers-carousel .owl-nav button.owl-prev:hover {
    width:36px;
}

.academic-papers-carousel .owl-nav button.owl-next {
    margin-right:-36px;
    background: url(../img/mainSliderArrowRight.png) center no-repeat rgba(0, 0, 0, .3);
    right: 0;
}

.academic-papers-carousel .owl-nav button.owl-next:hover {
    width:36px;
}

@media screen and (max-width: 1024px) {
    .academic-papers-carousel .owl-nav button.owl-prev {
        margin-left: 0px;
    }

    .academic-papers-carousel .owl-nav button.owl-prev:hover {
        margin-left: 0px;
    }

    .academic-papers-carousel .owl-nav button.owl-next {
        margin-right: 0px;
    }

    .academic-papers-carousel .owl-nav button.owl-next:hover {
        margin-right: 0px;
    }

    .academic-papers .list .item .details {
        flex-wrap: wrap;
    }

    .academic-papers .list .item .details:nth-child(2) .block {
        width: calc(50% - 40px);
    }

    .academic-papers .list .item .details:nth-child(2) .block:nth-child(1) {
        width: calc(33% - 40px);
    }

    .academic-papers .list .item .details:nth-child(2) .block:nth-child(2) {
        width: calc(33% - 40px);
    }

    .academic-papers .list .item .details:nth-child(2) .block:nth-child(3) {
        width: calc(33% - 40px);
    }

    .academic-papers .list .item .details:nth-child(3) .block:nth-child(1) {
        width: 100%;
    }

    .academic-papers .list .item .details:nth-child(3) .block:nth-child(2) {
        width: calc(50% - 40px);
    }

    .academic-papers .list .item .details:nth-child(3) .block:nth-child(3) {
        width: calc(50% - 40px);
    }

}

@media screen and (max-width: 720px) {
    .academic-papers .list .item .details:nth-child(2) .block {
        width: 100%;
    }

    .academic-papers .list .item .details:nth-child(2) .block:nth-child(1) {
        width: 100%;
    }

    .academic-papers .list .item .details:nth-child(2) .block:nth-child(2) {
        width: 100%;
    }

    .academic-papers .list .item .details:nth-child(2) .block:nth-child(3) {
        width: 100%;
    }

    .academic-papers .list .item .details:nth-child(3) .block:nth-child(1) {
        width: 100%;
    }

    .academic-papers .list .item .details:nth-child(3) .block:nth-child(2) {
        width: 100%;
    }

    .academic-papers .list .item .details:nth-child(3) .block:nth-child(3) {
        width: 100%;
    }
}