@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&subset=latin-ext';

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    position: relative;
    min-height: 100%
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden], template {
    display: none
}

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

a, button {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}

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

small {
    font-size: 80%
}

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

sup {
    top: -0.3em;
    padding-left: 1px
}

sub {
    bottom: -0.25em
}

img {
    border: 0;
    color: transparent !important;
    outline: none
}

a img {
    border: 0;
    outline: none
}

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

svg {
    fill: currentColor
}

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

pre {
    overflow: auto
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

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

button, select {
    text-transform: none
}

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

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

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

input[type="search"] {
    box-sizing: content-box
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

@font-face {
    font-family: "etuIcon";
    src: url("/views/etu/assets/fonts/_icon_font/TobbIcon.eot");
    src: url("/views/etu/assets/fonts/_icon_font/TobbIcon.eot?#iefix") format("embedded-opentype"), url("/views/etu/assets/fonts/_icon_font/TobbIcon.woff") format("woff"), url("/views/etu/assets/fonts/_icon_font/TobbIcon.ttf") format("truetype"), url("/views/etu/assets/fonts/_icon_font/TobbIcon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "etuIcon";
        src: url("/views/etu/assets/fonts/_icon_font/TobbIcon.svg#Flaticon") format("svg")
    }
}

.ikon:before {
    display: inline-block;
    font-family: "etuIcon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.ikon-agenda:before {
    content: "\f100"
}

.ikon-attachment:before {
    content: "\f101"
}

.ikon-bag:before {
    content: "\f102"
}

.ikon-bookmark:before {
    content: "\f103"
}

.ikon-bookmark-2:before {
    content: "\f104"
}

.ikon-books:before {
    content: "\f105"
}

.ikon-calendar:before {
    content: "\f106"
}

.ikon-check:before {
    content: "\f107"
}

.ikon-checklist:before {
    content: "\f108"
}

.ikon-clock:before {
    content: "\f109"
}

.ikon-connect:before {
    content: "\f10a"
}

.ikon-connection:before {
    content: "\f10b"
}

.ikon-credit-card:before {
    content: "\f10c"
}

.ikon-cross:before {
    content: "\f10d"
}

.ikon-cross-light:before {
    content: "\f10e"
}

.ikon-cv:before {
    content: "\f10f"
}

.ikon-dekanlik:before {
    content: "\f110"
}

.ikon-diploma:before {
    content: "\f111"
}

.ikon-diploma-1:before {
    content: "\f112"
}

.ikon-down:before {
    content: "\f113"
}

.ikon-down-light:before {
    content: "\f114"
}

.ikon-download:before {
    content: "\f115"
}

.ikon-education:before {
    content: "\f116"
}

.ikon-facebook:before {
    content: "\f117"
}

.ikon-filter:before {
    content: "\f118"
}

.ikon-google:before {
    content: "\f119"
}

.ikon-hand:before {
    content: "\f11a"
}

.ikon-help:before {
    content: "\f11b"
}

.ikon-home:before {
    content: "\f11c"
}

.ikon-hospital-1:before {
    content: "\f11d"
}

.ikon-hospital-2:before {
    content: "\f11e"
}

.ikon-hospital-3:before {
    content: "\f11f"
}

.ikon-hospital-4:before {
    content: "\f120"
}

.ikon-hospital-5:before {
    content: "\f121"
}

.ikon-hot:before {
    content: "\f122"
}

.ikon-info:before {
    content: "\f123"
}

.ikon-instagram:before {
    content: "\f124"
}

.ikon-layers:before {
    content: "\f125"
}

.ikon-layers-2:before {
    content: "\f126"
}

.ikon-left:before {
    content: "\f127"
}

.ikon-left-light:before {
    content: "\f128"
}

.ikon-linkedin:before {
    content: "\f129"
}

.ikon-list:before {
    content: "\f12a"
}

.ikon-love:before {
    content: "\f12b"
}

.ikon-mail:before {
    content: "\f12c"
}

.ikon-menu:before {
    content: "\f12d"
}

.ikon-menu-1:before {
    content: "\f12e"
}

.ikon-minus:before {
    content: "\f12f"
}

.ikon-more:before {
    content: "\f130"
}

.ikon-new-window:before {
    content: "\f131"
}

.ikon-notification:before {
    content: "\f132"
}

.ikon-panoramic:before {
    content: "\f133"
}

.ikon-photo:before {
    content: "\f134"
}

.ikon-pinterest:before {
    content: "\f135"
}

.ikon-play:before {
    content: "\f136"
}

.ikon-plus:before {
    content: "\f137"
}

.ikon-reply:before {
    content: "\f138"
}

.ikon-research:before {
    content: "\f139"
}

.ikon-ribbon:before {
    content: "\f13a"
}

.ikon-ribbon-top:before {
    content: "\f13b"
}

.ikon-right:before {
    content: "\f13c"
}

.ikon-right-light:before {
    content: "\f13d"
}

.ikon-search:before {
    content: "\f13e"
}

.ikon-send:before {
    content: "\f13f"
}

.ikon-speech:before {
    content: "\f140"
}

.ikon-square:before {
    content: "\f141"
}

.ikon-star:before {
    content: "\f142"
}

.ikon-telephone:before {
    content: "\f143"
}

.ikon-tobb:before {
    content: "\f144"
}

.ikon-twitter:before {
    content: "\f145"
}

.ikon-up:before {
    content: "\f146"
}

.ikon-up-light:before {
    content: "\f147"
}

.ikon-view:before {
    content: "\f148"
}

.ikon-view-1:before {
    content: "\f149"
}

.ikon-view-filled:before {
    content: "\f14a"
}

.ikon-world:before {
    content: "\f14b"
}

.ikon-www:before {
    content: "\f14c"
}

.ikon-youtube:before {
    content: "\f14d"
}

.ikon-youtube-play:before {
    content: "\f14e"
}

*, *:after, *:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

[class*='grid-'] {
    float: left;
    padding: 10px;
    width: 100%
}

.clear-grid {
    clear: both;
    float: inherit
}

.container {
    margin: 0;
    width: 100%;
    padding: 0 20px;
    position: relative
}

.container:after, .container:before {
    display: table;
    clear: both;
    content: " "
}

.nest {
    margin: 0 -10px;
    padding: 0;
    width: auto
}

.nopad {
    padding: 0
}

.visible-inlineBlock.visible-d, .visible-inlineBlock.visible-tl, .visible-inlineBlock.visible-t, .visible-inlineBlock.visible-m {
    display: inline-block !important
}

.hidden-inlineBlock.hidden-d, .hidden-inlineBlock.hidden-tl, .hidden-inlineBlock.hidden-t, .hidden-inlineBlock.hidden-m {
    display: inline-block !important
}

.grid-m-12 {
    width: 100%
}

.grid-m-11 {
    width: 91.666663%
}

.grid-m-10 {
    width: 83.33%
}

.grid-m-9 {
    width: 74.999997%
}

.grid-m-8 {
    width: 66.66666664%
}

.grid-m-7 {
    width: 58.333%
}

.grid-m-6 {
    width: 50%
}

.grid-m-5 {
    width: 41.6665%
}

.grid-m-4 {
    width: 33.33%
}

.grid-m-3 {
    width: 24.99%
}

.grid-m-2 {
    width: 16.66666%
}

.grid-m-1 {
    width: 8.33%
}

.hidden-m {
    display: none !important
}

.visible-m {
    display: block !important
}

@media (min-width: 720px) {
    .grid-12 {
        width: 100%
    }

    .grid-11 {
        width: 91.666663%
    }

    .grid-10 {
        width: 83.33%
    }

    .grid-9 {
        width: 74.999997%
    }

    .grid-8 {
        width: 66.66666664%
    }

    .grid-7 {
        width: 58.333%
    }

    .grid-6 {
        width: 50%
    }

    .grid-5 {
        width: 41.6665%
    }

    .grid-4 {
        width: 33.33%
    }

    .grid-3 {
        width: 24.99%
    }

    .grid-2 {
        width: 16.66666%
    }

    .grid-1 {
        width: 8.33%
    }

    .grid-t-12 {
        width: 100%
    }

    .grid-t-11 {
        width: 91.666663%
    }

    .grid-t-10 {
        width: 83.33%
    }

    .grid-t-9 {
        width: 74.999997%
    }

    .grid-t-8 {
        width: 66.66666664%
    }

    .grid-t-7 {
        width: 58.333%
    }

    .grid-t-6 {
        width: 50%
    }

    .grid-t-5 {
        width: 41.6665%
    }

    .grid-t-4 {
        width: 33.33%
    }

    .grid-t-3 {
        width: 24.99%
    }

    .grid-t-2 {
        width: 16.66666%
    }

    .grid-t-1 {
        width: 8.33%
    }

    .hidden-t {
        display: none !important
    }

    .visible-t {
        display: block !important
    }
}

@media only screen and (min-width: 1024px) {
    .grid-tl-12 {
        width: 100%
    }

    .grid-tl-11 {
        width: 91.666663%
    }

    .grid-tl-10 {
        width: 83.33%
    }

    .grid-tl-9 {
        width: 74.999997%
    }

    .grid-tl-8 {
        width: 66.66666664%
    }

    .grid-tl-7 {
        width: 58.333%
    }

    .grid-tl-6 {
        width: 50%
    }

    .grid-tl-5 {
        width: 41.6665%
    }

    .grid-tl-4 {
        width: 33.33%
    }

    .grid-tl-3 {
        width: 24.99%
    }

    .grid-tl-2 {
        width: 16.66666%
    }

    .grid-tl-1 {
        width: 8.33%
    }

    .hidden-tl {
        display: none !important
    }

    .visible-tl {
        display: block !important
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1400px;
        margin: 0 auto
    }

    .container-fluid {
        max-width: 90%;
        margin: 0 5%
    }

    .grid-d-12 {
        width: 100%
    }

    .grid-d-11 {
        width: 91.666663%
    }

    .grid-d-10 {
        width: 83.33%
    }

    .grid-d-9 {
        width: 74.999997%
    }

    .grid-d-8 {
        width: 66.66666664%
    }

    .grid-d-7 {
        width: 58.333%
    }

    .grid-d-6 {
        width: 50%
    }

    .grid-d-5 {
        width: 41.6665%
    }

    .grid-d-4 {
        width: 33.33%
    }

    .grid-d-3 {
        width: 24.99%
    }

    .grid-d-2 {
        width: 16.66666%
    }

    .grid-d-1 {
        width: 8.33%
    }

    .hidden-d {
        display: none !important
    }

    .visible-d {
        display: block !important
    }
}

img.scale, img.responsive {
    max-width: 100%;
    width: 100%;
    height: auto
}

img.scale.center, img.responsive.center {
    position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%
}

@media (max-width: 480px) {
    .include-media-test {
        background-color: #def
    }

    .include-media-test:before {
        content: "<=phone"
    }
}

@media (min-width: 481px) {
    .include-media-test {
        background-color: #abc
    }

    .include-media-test:before {
        content: ">phone"
    }
}

@media (min-width: 815px) and (max-width: 1023px) {
    .include-media-test {
        background-color: #fed
    }

    .include-media-test:before {
        content: ">=815px, <desktop"
    }
}

@media (min-width: 1024px) {
    .include-media-test {
        background-color: #fab
    }

    .include-media-test:before {
        content: ">=desktop"
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .include-media-test:after {
        content: "Retina" !important
    }
}

html.safari .site-header strong {
    letter-spacing: 0;
    max-width: 215px
}

html.safari .topBar__social a.ortam__social i {
    top: 12px;
    background-size: 17px !important
}

@media (max-width: 1199px) {
    html.safari .topBar__social a.ortam__social i {
        top: 13px;
        background-size: 14px !important
    }
}

@media (max-width: 1023px) {
    html.safari .topBar__social a.ortam__social i {
        top: 2px;
        background-size: 16px !important
    }
}

html.safari .swiper-container .slide-content .title, html.safari .featured_header__detail__xlarge_text {
    font-weight: 300
}

html.safari .topMenuList__item--link {
    font-weight: 500;
    letter-spacing: .02em
}

html.safari .withSubmenu__desc, html.safari .featured_header__detail__sub_info, html.safari .aday_menu__big__item a {
    -webkit-transform: translate3d(0, 0, 0);
    font-weight: 300
}

html.safari .news .news__item .news__item__time, html.safari .featured_header__detail__time, html.safari .news .news__item .news__item__header {
    -webkit-transform: translate3d(0, 0, 0);
    font-weight: 400
}

html.safari .aday_menu__big__item.active a {
    font-weight: 500
}

html.safari .home-news__more li a, html.safari .blocknav__link, html.safari .btn, html.safari .subFooter__horato a, html.safari .tobbFooter__address, html.safari .oeg__video__thumb__title, html.safari .oeg__video__thumb__label, html.safari .shareBtn {
    font-weight: 400
}

html.safari::-webkit-input-placeholder {
    color: gray
}

html.safari .page-header {
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none
}

html.safari .page-header__item {
    overflow: hidden
}

html.safari .yerleskede-yasam .tanitimvideosu__link {
    max-height: 336px
}

html.safari .etu-search__new-search .etu_form input::-webkit-search-results-button, html.safari #etu-search input[type="search"]::-webkit-search-results-button, html.safari #TobbSideMenu .mobileMenuSearch input::-webkit-search-results-button {
    display: none
}

html.safari .etu-search__new-search .etu_form input::-webkit-search-cancel-button, html.safari #etu-search input[type="search"]::-webkit-search-cancel-button, html.safari #TobbSideMenu .mobileMenuSearch input::-webkit-search-cancel-button {
    display: none
}

html.safari #TobbSideMenu .mobileMenuSearch button.mobileSearchBtn {
    top: 17px
}

html.safari #etu-search input[type="search"] {
    width: 170px;
    padding: 0
}

@media all and (max-width: 1023px) {
    html.safari .site-header strong {
        max-width: 190px
    }
}

@media all and (min-width: 0) and (max-width: 719px) {
    html.safari .site-header strong {
        max-width: 180px
    }
}

html.chrome #search {
    transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

html.chrome .topMenu, html.chrome .site-header, html.chrome .topMenuList__item, html.chrome .topMenuList__item.active {
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

html.chrome .etu-search__new-search .etu_form__voice, html.chrome .topMenuList__item__voice {
    display: block
}

html.chrome .etu-search__new-search .etu_form input {
    text-indent: 47px;
    padding: 8px 0 8px 0
}

html.chrome .etu-search__new-search .etu_form input::-webkit-search-cancel-button {
    position: relative;
    right: 50px;
    top: 0px
}

html.gecko .swiper-container .slide-content {
    top: 35%
}

@-webkit-keyframes scroll-ani {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 0;
        top: 29%
    }
}

@-moz-keyframes scroll-ani {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 0;
        top: 29%
    }
}

@keyframes scroll-ani {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 0;
        top: 29%
    }
}

@keyframes compass-spin {
    0% {
        transform: scale(1) rotate(0deg)
    }
    50% {
        transform: scale(1) rotate(80deg)
    }
    100% {
        transform: scale(1) rotate(-180deg)
    }
}

@-o-keyframes compass-spin {
    0% {
        -o-transform: scale(1) rotate(0deg)
    }
    50% {
        -o-transform: scale(1) rotate(80deg)
    }
    100% {
        -o-transform: scale(1) rotate(-180deg)
    }
}

@-moz-keyframes compass-spin {
    0% {
        -moz-transform: scale(1) rotate(0deg)
    }
    50% {
        -moz-transform: scale(1) rotate(80deg)
    }
    100% {
        -moz-transform: scale(1) rotate(-180deg)
    }
}

@-webkit-keyframes compass-spin {
    0% {
        -webkit-transform: scale(1) rotate(0deg)
    }
    50% {
        -webkit-transform: scale(1) rotate(80deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(-180deg)
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0 !important);
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    opacity: 0 !important
}

.swiper-slide {
    background-position: center;
    background-size: cover
}

.swiper-slide .video-container {
    height: 100%;
    min-height: 100%;
}

.swiper-slide .video-container .plyr__controls {
    opacity: 0 !important;
    visibility: hidden !important;
}

.swiper-slide .video-container-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.swiper-slide .video-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .01);

}

.swiper-slide .video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    object-fit: cover;
    /* height: 56.25vw; 16:9 ratio */
    height: 100vh;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Ensure the video doesn't block other elements */
}

@media (min-aspect-ratio: 16/9) {
    .swiper-slide .video-container video {
        /* height = 100 * (9 / 16) = 56.25 */
        height: 56.25vw;
    }
}
@media (max-aspect-ratio: 16/9) {
    .swiper-slide .video-container video {
        /* width = 100 / (9 / 16) = 177.777777 */
        width: 177.78vh;
    }
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
    filter: alpha(opacity=100 !important);
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.flag {
    position: relative;
    display: inline;
    padding-right: 26px;
    top: -1px;
    width: 16px
}

.flag.tr, .flag.uk {
    position: relative
}

.flag.tr:before, .flag.uk:before {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    content: "";
    background-size: 16px;
    top: 0;
    left: 0
}

.flag.tr:before {
    background-image: url("/views/etu/assets/img/_flags/turkey.png")
}

.flag.uk:before {
    background-image: url("/views/etu/assets/img/_flags/united-kingdom.png")
}

.jssocials-shares {
    margin: 0.2em 0
}

.jssocials-shares * {
    box-sizing: border-box
}

.jssocials-share {
    display: inline-block;
    vertical-align: top;
    margin: 0.3em
}

.jssocials-share:first-child {
    margin-left: 0
}

.jssocials-share:last-child {
    margin-right: 0
}

.jssocials-share-logo {
    width: 1em;
    vertical-align: middle;
    font-size: 1.5em
}

img.jssocials-share-logo {
    width: auto;
    height: 1em
}

.jssocials-share-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1
}

.jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    display: block;
    font-size: .6em;
    margin: 0 -.5em -.8em -.5em
}

.jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    height: 1em
}

.jssocials-share-label {
    padding-left: 0.3em;
    vertical-align: middle
}

.jssocials-share-count-box {
    display: inline-block;
    height: 1.5em;
    padding: 0 0.3em;
    vertical-align: middle;
    cursor: default
}

.jssocials-share-count-box.jssocials-share-no-count {
    display: none
}

.jssocials-share-count {
    line-height: 1.5em;
    vertical-align: middle
}

.footable.table, .footable.table *, .footable-details.table, .footable-details.table * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.footable.table th, .footable-details.table th {
    text-align: left
}

.footable.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px
}

.footable.table .linked {
    color: #0F4C90;
    cursor: pointer
}

.footable.table sup {
    color: #B22029;
    cursor: pointer;
    font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif
}

.footable caption {
    padding: 15px 0;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400
}

.footable-details.table {
    width: 100%;
    max-width: 100%;
    border: none !important
}

.footable-details.table:before {
    content: "";
    bottom: 100%;
    left: 20px;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(225, 230, 236, 0);
    border-bottom-color: #e1e6ec;
    border-width: 6px;
    margin-left: -6px
}

.footable-details.table th {
    font-size: 10px;
    line-height: 17px;
    letter-spacing: .02em;
    font-weight: 400
}

.footable-details.table .desc {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .02em
}

.footable.table > caption + thead > tr:first-child > th, .footable.table > colgroup + thead > tr:first-child > th, .footable.table > thead:first-child > tr:first-child > th, .footable.table > caption + thead > tr:first-child > td, .footable.table > colgroup + thead > tr:first-child > td, .footable.table > thead:first-child > tr:first-child > td, .footable-details.table > caption + thead > tr:first-child > th, .footable-details.table > colgroup + thead > tr:first-child > th, .footable-details.table > thead:first-child > tr:first-child > th, .footable-details.table > caption + thead > tr:first-child > td, .footable-details.table > colgroup + thead > tr:first-child > td, .footable-details.table > thead:first-child > tr:first-child > td {
    border-top: 0
}

.footable.table > thead > tr > th, .footable.table > tbody > tr > th, .footable.table > tfoot > tr > th, .footable.table > thead > tr > td, .footable.table > tbody > tr > td, .footable.table > tfoot > tr > td, .footable-details.table > thead > tr > th, .footable-details.table > tbody > tr > th, .footable-details.table > tfoot > tr > th, .footable-details.table > thead > tr > td, .footable-details.table > tbody > tr > td, .footable-details.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.footable.table > tbody > tr > td, .footable.table > tfoot > tr > td {
    font-size: 14px
}

.footable.table > tbody > tr > td a, .footable.table > tfoot > tr > td a {
    color: #0F4C90
}

.footable.table > tbody > tr > td a i, .footable.table > tfoot > tr > td a i {
    position: relative;
    font-size: 95%;
    top: -1px
}

.footable.table > thead > tr > th, .footable.table > tbody > tr > th, .footable.table > tfoot > tr > th, .footable.table > thead > tr > td, .footable.table > tbody > tr > td, .footable.table > tfoot > tr > td {
    padding: 12px 8px
}

.footable.table > thead > tr > th, .footable.table > thead > tr > td, .footable-details.table > thead > tr > th, .footable-details.table > thead > tr > td {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd
}

.footable.table-condensed > thead > tr > th, .footable.table-condensed > tbody > tr > th, .footable.table-condensed > tfoot > tr > th, .footable.table-condensed > thead > tr > td, .footable.table-condensed > tbody > tr > td, .footable.table-condensed > tfoot > tr > td, .footable-details.table-condensed > thead > tr > th, .footable-details.table-condensed > tbody > tr > th, .footable-details.table-condensed > tfoot > tr > th, .footable-details.table-condensed > thead > tr > td, .footable-details.table-condensed > tbody > tr > td, .footable-details.table-condensed > tfoot > tr > td {
    padding: 5px
}

.footable.table-bordered, .footable-details.table-bordered {
    border: 1px solid #ddd;
    background-color: #fff
}

.footable.table.withShadow {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.footable.table-bordered > thead > tr > th, .footable.table-bordered > tbody > tr > th, .footable.table-bordered > tfoot > tr > th, .footable.table-bordered > thead > tr > td, .footable.table-bordered > tbody > tr > td, .footable.table-bordered > tfoot > tr > td, .footable-details.table-bordered > thead > tr > th, .footable-details.table-bordered > tbody > tr > th, .footable-details.table-bordered > tfoot > tr > th, .footable-details.table-bordered > thead > tr > td, .footable-details.table-bordered > tbody > tr > td, .footable-details.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd
}

.footable.table-bordered > thead > tr > th, .footable.table-bordered > thead > tr > td, .footable-details.table-bordered > thead > tr > th, .footable-details.table-bordered > thead > tr > td {
    border-bottom-width: 1px
}

.footable.table-striped > tbody > tr:nth-child(odd), .footable-details.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9
}

.footable.table-hover > tbody > tr:hover {
    background-color: #FEFAF0
}

.footable.table-hover > tbody > tr.footable-detail-row:hover {
    background-color: #fff
}

.footable-details.table-hover > tbody > tr:hover {
    background-color: #FEFAF0
}

.footable .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: visible;
    text-transform: none
}

.footable .btn:hover, .footable .btn:focus, .footable .btn.focus {
    color: #0F4C90;
    text-decoration: none
}

.footable .btn-default {
    color: #0F4C90;
    background-color: #fff;
    border-color: #0F4C90
}

.footable .btn-default:hover, .footable .btn-default:focus, .footable .btn-default.focus, .footable .btn-default:active, .footable .btn-default.active, .footable .open > .dropdown-toggle.btn-default {
    color: #0F4C90;
    background-color: #e6e6e6;
    border-color: #adadad
}

.footable .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.footable .btn-primary:hover, .footable .btn-primary:focus, .footable .btn-primary.focus, .footable .btn-primary:active, .footable .btn-primary.active, .footable .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.footable .btn-group, .footable .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.footable .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.footable .btn-group > .btn:first-child {
    margin-left: 0
}

.footable .btn-group-vertical > .btn, .footable .btn-group > .btn {
    position: relative;
    float: left
}

.footable .btn-group-xs > .btn, .footable .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.footable .btn-group-sm > .btn, .footable .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.footable .btn-group-lg > .btn, .footable .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.footable .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.footable .btn .caret {
    margin-left: 0
}

.form-group {
    margin-bottom: 15px
}

.footable .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    margin: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.footable .input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.footable .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.footable .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.footable .input-group-addon, .footable .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.footable .input-group-addon, .footable .input-group-btn, .footable .input-group .form-control {
    display: table-cell
}

.footable .input-group-btn > .btn + .btn, .footable .input-group-btn:last-child > .btn, .footable .input-group-btn:last-child > .btn-group {
    margin-left: -1px
}

.footable .input-group-btn > .btn {
    position: relative
}

.footable .input-group-btn > .btn:hover, .footable .input-group-btn > .btn:focus, .footable .input-group-btn > .btn:active {
    z-index: 2
}

.footable .input-group .form-control:first-child, .footable .input-group-addon:first-child, .footable .input-group-btn:first-child > .btn, .footable .input-group-btn:first-child > .btn-group > .btn, .footable .input-group-btn:first-child > .dropdown-toggle, .footable .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .footable .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.footable .input-group .form-control:last-child, .footable .input-group-addon:last-child, .footable .input-group-btn:last-child > .btn, .footable .input-group-btn:last-child > .btn-group > .btn, .footable .input-group-btn:last-child > .dropdown-toggle, .footable .input-group-btn:first-child > .btn:not(:first-child), .footable .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.footable .radio, .footable .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.footable .radio label, .footable .checkbox label {
    max-width: 100%;
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.footable .radio input[type=radio], .footable .radio-inline input[type=radio], .footable .checkbox input[type=checkbox], .footable .checkbox-inline input[type=checkbox] {
    position: absolute;
    margin: 4px 0 0 -20px;
    line-height: normal
}

.footable .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.footable .open > .dropdown-menu {
    display: block
}

.footable .dropdown-menu-right {
    right: 0;
    left: auto
}

.footable .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.footable .dropdown-menu > li > a:hover, .footable .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.footable .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.footable .pagination > li {
    display: inline
}

.footable .pagination > li:first-child > a, .footable .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.footable .pagination > li > a, .footable .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.footable .pagination > li > a:hover, .footable .pagination > li > span:hover, .footable .pagination > li > a:focus, .footable .pagination > li > span:focus {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.footable .pagination > .active > a, .footable .pagination > .active > span, .footable .pagination > .active > a:hover, .footable .pagination > .active > span:hover, .footable .pagination > .active > a:focus, .footable .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.footable .pagination > .disabled > span, .footable .pagination > .disabled > span:hover, .footable .pagination > .disabled > span:focus, .footable .pagination > .disabled > a, .footable .pagination > .disabled > a:hover, .footable .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.footable .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.footable .label-default {
    background-color: #777
}

.footable-loader.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.footable .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

@media (min-width: 768px) {
    .footable .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .footable .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .footable .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .footable .form-inline .input-group .input-group-addon, .footable .form-inline .input-group .input-group-btn, .footable .form-inline .input-group .form-control {
        width: auto
    }

    .footable .form-inline .input-group > .form-control {
        width: 100%
    }
}

table.footable, table.footable-details {
    position: relative;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

table.footable-details {
    margin-bottom: 0
}

table > tbody > tr > td > span.footable-toggle {
    margin-right: 8px;
    opacity: 0.3
}

table > tbody > tr > td > span.footable-toggle.last-column {
    margin-left: 8px;
    float: right
}

table.table-condensed > tbody > tr > td > span.footable-toggle {
    margin-right: 5px
}

table.footable-details > tbody > tr > th:nth-child(1) {
    min-width: 40px;
    width: 120px
}

table.footable-details > tbody > tr > td:nth-child(2) {
    word-break: break-all
}

table.footable-details > thead > tr:first-child > th, table.footable-details > thead > tr:first-child > td, table.footable-details > tbody > tr:first-child > th, table.footable-details > tbody > tr:first-child > td, table.footable-details > tfoot > tr:first-child > th, table.footable-details > tfoot > tr:first-child > td {
    border-top-width: 0
}

table.footable-details.table-bordered > thead > tr:first-child > th, table.footable-details.table-bordered > thead > tr:first-child > td, table.footable-details.table-bordered > tbody > tr:first-child > th, table.footable-details.table-bordered > tbody > tr:first-child > td, table.footable-details.table-bordered > tfoot > tr:first-child > th, table.footable-details.table-bordered > tfoot > tr:first-child > td {
    border-top-width: 1px
}

div.footable-loader {
    vertical-align: middle;
    text-align: center;
    height: 300px;
    position: relative
}

div.footable-loader > span.fooicon {
    display: inline-block;
    opacity: 0.3;
    font-size: 30px;
    line-height: 32px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-animation: fooicon-spin-r 2s infinite linear;
    animation: fooicon-spin-r 2s infinite linear
}

table.footable > tbody > tr.footable-empty > td {
    vertical-align: middle;
    text-align: center;
    font-size: 30px
}

table.footable > tbody > tr > td, table.footable > tbody > tr > th {
    display: none
}

table.footable > tbody > tr.footable-empty > td, table.footable > tbody > tr.footable-empty > th, table.footable > tbody > tr.footable-detail-row > td, table.footable > tbody > tr.footable-detail-row > th {
    display: table-cell
}

@-webkit-keyframes fooicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fooicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fooicon {
    display: inline-block;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fooicon:before, .fooicon:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fooicon-loader:before {
    content: "\f01e"
}

.fooicon-plus:before {
    content: "\f137"
}

.fooicon-minus:before {
    content: "\f12f"
}

.fooicon-search:before {
    content: "\f002"
}

.fooicon-remove:before {
    content: "\f00d"
}

.fooicon-sort:before {
    content: "\f0dc"
}

.fooicon-sort-asc:before {
    content: "\f160"
}

.fooicon-sort-desc:before {
    content: "\f161"
}

.fooicon-pencil:before {
    content: "\f040"
}

.fooicon-trash:before {
    content: "\f1f8"
}

.fooicon-eye-close:before {
    content: "\f070"
}

.fooicon-flash:before {
    content: "\f0e7"
}

.fooicon-cog:before {
    content: "\f013"
}

table.footable > thead > tr.footable-filtering > th {
    border-bottom-width: 1px;
    font-weight: normal
}

table.footable > thead th {
    font-weight: 400;
    font-size: 10px;
    letter-spacing: .02em
}

table.footable > thead > tr.footable-filtering > th, table.footable.footable-filtering-right > thead > tr.footable-filtering > th {
    text-align: right
}

table.footable.footable-filtering-left > thead > tr.footable-filtering > th {
    text-align: left
}

table.footable.footable-filtering-center > thead > tr.footable-filtering > th {
    text-align: center
}

table.footable > thead > tr.footable-filtering > th div.form-group {
    margin-bottom: 0
}

table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group {
    margin-top: 5px
}

table.footable > thead > tr.footable-filtering > th div.input-group {
    width: 100%
}

table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox {
    margin: 0;
    display: block;
    position: relative
}

table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox > label {
    display: block;
    padding-left: 20px
}

table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type="checkbox"] {
    position: absolute;
    margin-left: -20px
}

@media (min-width: 768px) {
    table.footable > thead > tr.footable-filtering > th div.input-group {
        width: auto
    }

    table.footable > thead > tr.footable-filtering > th div.form-group {
        margin-left: 2px;
        margin-right: 2px
    }

    table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group {
        margin-top: 0
    }
}

table.footable > thead > tr > td.footable-sortable, table.footable > thead > tr > th.footable-sortable, table.footable > tbody > tr > td.footable-sortable, table.footable > tbody > tr > th.footable-sortable, table.footable > tfoot > tr > td.footable-sortable, table.footable > tfoot > tr > th.footable-sortable {
    position: relative;
    padding-right: 30px;
    cursor: pointer
}

td.footable-sortable > span.fooicon, th.footable-sortable > span.fooicon {
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -7px;
    opacity: 0;
    transition: opacity 0.3s ease-in
}

td.footable-sortable:hover > span.fooicon, th.footable-sortable:hover > span.fooicon {
    opacity: 1
}

td.footable-sortable.footable-asc > span.fooicon, th.footable-sortable.footable-asc > span.fooicon, td.footable-sortable.footable-desc > span.fooicon, th.footable-sortable.footable-desc > span.fooicon {
    opacity: 1
}

table.footable > tfoot > tr.footable-paging > td > ul.pagination {
    margin: 10px 0 0 0
}

table.footable > tfoot > tr.footable-paging > td > span.label {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 4px 10px
}

table.footable > tfoot > tr.footable-paging > td, table.footable-paging-center > tfoot > tr.footable-paging > td {
    text-align: center
}

table.footable-paging-left > tfoot > tr.footable-paging > td {
    text-align: left
}

table.footable-paging-right > tfoot > tr.footable-paging > td {
    text-align: right
}

ul.pagination > li.footable-page {
    display: none
}

ul.pagination > li.footable-page.visible {
    display: inline
}

td.footable-editing {
    width: 70px;
    max-width: 70px
}

table.footable-editing-right td.footable-editing, table.footable-editing-right tr.footable-editing {
    text-align: right
}

table.footable-editing-left td.footable-editing, table.footable-editing-left tr.footable-editing {
    text-align: left
}

table.footable-editing button.footable-add, table.footable-editing button.footable-hide, table.footable-editing-show button.footable-show, table.footable-editing.footable-editing-always-show button.footable-show, table.footable-editing.footable-editing-always-show button.footable-hide {
    display: none
}

table.footable-editing.footable-editing-show button.footable-add, table.footable-editing.footable-editing-show button.footable-hide, table.footable-editing.footable-editing-always-show button.footable-add {
    display: inline-block
}

@media all and (min-width: 1024px) and (max-width: 1199px) {
    .footable.table > thead > tr > td, .footable.table > tbody > tr > td, .footable.table > tfoot > tr > td, .footable-details.table > thead > tr > td, .footable-details.table > tbody > tr > td, .footable-details.table > tfoot > tr > td {
        font-size: 13px
    }

    .footable-details.table .desc {
        font-size: 12px;
        line-height: 17px
    }
}

@media all and (min-width: 0) and (max-width: 719px) {
    .footable.table > thead > tr > th, .footable.table > tbody > tr > th, .footable.table > tfoot > tr > th, .footable.table > thead > tr > td, .footable.table > tbody > tr > td, .footable.table > tfoot > tr > td, .footable-details.table > thead > tr > th, .footable-details.table > tbody > tr > th, .footable-details.table > tfoot > tr > th, .footable-details.table > thead > tr > td, .footable-details.table > tbody > tr > td, .footable-details.table > tfoot > tr > td {
        font-size: 12px
    }

    .footable-details.table .desc {
        font-size: 11px;
        line-height: 16px
    }

    .footable caption {
        text-align: center
    }
}

.etu-table, .wysi-icerik table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
    table-layout: fixed
}

.etu-table caption, .wysi-icerik table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center
}

.etu-table td, .etu-table th, .wysi-icerik table td, .wysi-icerik table th {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: none;
    border-top: none;
    font-size: inherit;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    text-align: start;
    overflow: visible;
    padding: 12px
}

.etu-table th {
    font-weight: 500;
    font-size: 14px
}

.etu-table td, .wysi-icerik table td {
    border-bottom: 1px solid #ddd !important;
    background-color: #fff;
    font-size: 13px
}

.etu-table td.highlight, .wysi-icerik table td.highlight {
    font-weight: 500;
    background-color: #EFF5FC
}

.etu-table td a, .wysi-icerik table td a {
    color: #0F4C90
}

.etu-table td a:hover, .wysi-icerik table td a:hover {
    color: #3F77B6
}

.etu-table td a:active, .etu-table td a:focus, .wysi-icerik table td a:active, .wysi-icerik table td a:focus {
    color: #7FAFE4
}

.etu-table td:first-child, .etu-table th:first-child, .wysi-icerik table td:first-child, .wysi-icerik table th:first-child {
    border-left-width: 0
}

.etu-table thead, .wysi-icerik table thead {
    color: #000;
    vertical-align: bottom;
    font-size: 13px;
    letter-spacing: .02em;
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0.02)
}

.etu-table-odd td, .wysi-icerik table td {
    background-color: #FBFBFB
}

.etu-table td p, .wysi-icerik table td p {
    display: inline-block;
    max-width: 320px
}

.etu-table-striped tr:nth-child(2n-1) td {
    background-color: #FBFBFB
}

.etu-table-bordered td {
    border-bottom: 1px solid #FBFBFB
}

.etu-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0
}

.etu-table-horizontal td, .etu-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #FBFBFB
}

.etu-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0
}

.st-head-row {
    padding-top: 1em;
    font-size: 16px;
    font-weight: 500;
    text-align: center !important
}

.st-head-row strong {
    padding: 0 !important
}

.st-head-row.st-head-row-main {
    font-size: 18px !important;
    font-weight: 500 !important;
    padding: 15px 0;
    background-color: #fafafb;
    text-align: center !important
}

.st-key {
    width: 49%;
    padding-right: 1%
}

.st-val {
    width: 49%;
    padding-left: 1%
}

.stacktable.large-only {
    display: table
}

.stacktable.small-only {
    display: none
}

@media (max-width: 1023px) {
    .stacktable.large-only {
        display: none
    }

    .stacktable.small-only {
        display: table
    }

    .stacktable {
        width: 100% !important
    }

    .etu-table thead, .wysi-icerik table thead {
        text-align: left
    }

    .etu-table td, .wysi-icerik table td {
        text-align: left
    }

    .st-key {
        text-align: left !important
    }
}

[class*="hint--"] {
    position: relative;
    display: inline-block
}

[class*="hint--"]:before, [class*="hint--"]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms
}

[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    visibility: visible;
    opacity: 1
}

[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms
}

[class*="hint--"]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001
}

[class*="hint--"]:after {
    background: #383838;
    color: white;
    padding: 8px 10px;
    font-size: 12px;
    letter-spacing: .02em;
    font-weight: 400;
    line-height: 12px;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3)
}

[class*="hint--"][aria-label]:after {
    content: attr(aria-label)
}

[class*="hint--"][data-hint]:after {
    content: attr(data-hint)
}

[aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after {
    display: none !important
}

.hint--top-left:before {
    border-top-color: #383838
}

.hint--top-right:before {
    border-top-color: #383838
}

.hint--top:before {
    border-top-color: #383838
}

.hint--bottom-left:before {
    border-bottom-color: #383838
}

.hint--bottom-right:before {
    border-bottom-color: #383838
}

.hint--bottom:before {
    border-bottom-color: #383838
}

.hint--left:before {
    border-left-color: #383838
}

.hint--right:before {
    border-right-color: #383838
}

.hint--top:before {
    margin-bottom: -11px
}

.hint--top:before, .hint--top:after {
    bottom: 100%;
    left: 50%
}

.hint--top:before {
    left: calc(50% - 6px)
}

.hint--top:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--top:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top:hover:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:before {
    margin-top: -11px
}

.hint--bottom:before, .hint--bottom:after {
    top: 100%;
    left: 50%
}

.hint--bottom:before {
    left: calc(50% - 6px)
}

.hint--bottom:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--bottom:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom:hover:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
    margin-left: -11px;
    margin-bottom: -6px
}

.hint--right:after {
    margin-bottom: -14px
}

.hint--right:before, .hint--right:after {
    left: 100%;
    bottom: 50%
}

.hint--right:hover:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--right:hover:after {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--left:before {
    margin-right: -11px;
    margin-bottom: -6px
}

.hint--left:after {
    margin-bottom: -14px
}

.hint--left:before, .hint--left:after {
    right: 100%;
    bottom: 50%
}

.hint--left:hover:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--left:hover:after {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--top-left:before {
    margin-bottom: -11px
}

.hint--top-left:before, .hint--top-left:after {
    bottom: 100%;
    left: 50%
}

.hint--top-left:before {
    left: calc(50% - 6px)
}

.hint--top-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%)
}

.hint--top-left:after {
    margin-left: 12px
}

.hint--top-left:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:before {
    margin-bottom: -11px
}

.hint--top-right:before, .hint--top-right:after {
    bottom: 100%;
    left: 50%
}

.hint--top-right:before {
    left: calc(50% - 6px)
}

.hint--top-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.hint--top-right:after {
    margin-left: -12px
}

.hint--top-right:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top-right:hover:after {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--bottom-left:before {
    margin-top: -11px
}

.hint--bottom-left:before, .hint--bottom-left:after {
    top: 100%;
    left: 50%
}

.hint--bottom-left:before {
    left: calc(50% - 6px)
}

.hint--bottom-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%)
}

.hint--bottom-left:after {
    margin-left: 12px
}

.hint--bottom-left:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:before {
    margin-top: -11px
}

.hint--bottom-right:before, .hint--bottom-right:after {
    top: 100%;
    left: 50%
}

.hint--bottom-right:before {
    left: calc(50% - 6px)
}

.hint--bottom-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.hint--bottom-right:after {
    margin-left: -12px
}

.hint--bottom-right:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom-right:hover:after {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--small:after, .hint--medium:after, .hint--large:after {
    white-space: normal;
    line-height: 1.4em;
    word-wrap: break-word
}

.hint--small:after {
    width: 80px
}

.hint--medium:after {
    width: 150px
}

.hint--large:after {
    width: 300px
}

.hint--always:after, .hint--always:before {
    opacity: 1;
    visibility: visible
}

.hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--always.hint--top-left:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top-left:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--always.hint--top-right:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top-right:after {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--always.hint--bottom-left:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom-left:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--always.hint--bottom-right:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom-right:after {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--always.hint--left:after {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--always.hint--right:after {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.pagination {
    width: 100%;
    clear: both;
    margin: 20px auto
}

.pagination__list {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width: 100%
}

.pagination__item {
    padding: 0 20px;
    display: inline-block
}

.pagination__item a, .pagination__item strong {
    padding: 6px 10px;
    font-size: 16px;
    line-height: 32px;
    position: relative;
    font-weight: normal
}

.pagination__item a {
    color: #0F4C90
}

.pagination__item a:hover, .pagination__item a:focus {
    color: #3F77B6
}

.pagination__item a:active {
    color: #7FAFE4
}

.pagination__item strong {
    color: #aaa
}

.pagination__nav {
    display: inline-block;
    text-align: center;
    color: #aaa;
    font-size: 16px;
    line-height: 32px;
    padding: 6px 0
}

.pagination__nav i {
    font-size: 10px;
    top: -1px;
    line-height: 32px;
    position: relative;
    padding: 0 5px
}

.pagination__nav a {
    color: #0F4C90;
    display: block;
    position: relative;
    vertical-align: middle;
    font-weight: normal
}

.pagination__nav a:hover, .pagination__nav a:focus {
    color: #3F77B6
}

.pagination__nav a:active {
    color: #7FAFE4
}

@media all and (min-width: 0) and (max-width: 719px) {
    .pagination__item a {
        display: none
    }

    .pagination__item a:first-child {
        display: inline-block !important
    }

    .pagination__item a:first-child:after {
        content: "/";
        position: relative;
        left: 13px;
        color: #ddd
    }
}

.youmax-showing {
    color: whitesmoke;
    font-weight: normal;
    text-shadow: none
}

.youmax-duration {
    background-color: black;
    color: white;
    padding: 2px 3px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    font-size: 11px;
    letter-spacing: .06em
}

#youmax-header {
    background-color: #FF9800;
    font-size: 35px;
    color: white;
    line-height: 25px;
    height: 110px;
    text-align: left;
    position: relative
}

.youmax-stat {
    float: right;
    margin: 10px;
    font: 10px Arial;
    color: #ccc;
    margin-top: 25px;
    text-align: center
}

#youmax-stat-holder {
    float: right;
    height: 100%
}

.youmax-stat-count {
    font: 18px Arial
}

#youmax-channel-desc {
    text-align: left
}

#youmax {
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden
}

.youmax-video-tnail {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    position: relative
}

.youmax-video-tnail:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    content: "";
    transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s
}

.youmax-video-tnail:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent url("/views/etu/assets/img/play.png") center center no-repeat;
    background-size: 32px;
    content: "";
    transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s
}

.youmax-video-tnail-box {
    cursor: pointer;
    cursor: hand
}

#youmax-load-more-div {
    max-width: 320px;
    margin: 0 auto 40px;
    text-align: center;
    line-height: 46px;
    position: relative
}

.videoBox {
    border: 1px solid #ddd;
    background-color: #fff
}

.videoBox:hover, .videoBox:active {
    background-color: #fafafb;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s
}

.videoBox:hover .youmax-video-tnail:before, .videoBox:active .youmax-video-tnail:before {
    background-color: rgba(0, 0, 0, 0.5)
}

#youmax-video-list-div {
    width: 100%;
    text-align: left;
    display: inline-block;
    padding: 10px 0;
    box-sizing: border-box
}

.loadingVideos {
    position: relative;
    width: 100%;
    height: 640px;
    background: transparent url("/views/etu/assets/img/_icons/_loading.gif") center center no-repeat;
    background-size: 100px
}

.youmax-video-list-title {
    color: #0F4C90;
    display: block;
    padding: 2% 10px;
    padding-bottom: 0;
    font-weight: 300;
    height: 60px;
    overflow: hidden;
    line-height: 22px;
    font-size: 14px;
    letter-spacing: .02em
}

.youmax-video-list-views {
    color: #ccc;
    padding: 0 10px;
    padding-bottom: 10px;
    display: block;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .02em
}

.youmax-playlist-sidebar {
    background-color: rgba(0, 0, 0, 0.8);
    float: right;
    max-width: 50%;
    height: 100%;
    color: white;
    text-align: center;
    width: 70px
}

.youmax-playlist-video-count {
    display: inline-block;
    margin: 3%;
    margin-top: 5%;
    height: 20%;
    margin-top: 55px
}

.youmax-playlist-sidebar-video {
    opacity: 1;
    width: 64px;
    height: 20%;
    background-color: #727272;
    display: inline-block;
    margin: 2% auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.youmax-tab {
    background-color: #e6e6e6;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    display: inline-block;
    margin: 5px;
    margin-top: 10px;
    padding: 6px 12px;
    cursor: pointer;
    cursor: hand
}

#youmax-tabs {
    text-align: left;
    background-color: #e6e6e6;
    padding-left: 10px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 25px 30px 0px 30px;
    font-size: 18px;
    display: none;
    visibility: hidden
}

#youmax-lightbox {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 100;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#youmax-video-lightbox {
    opacity: 1
}

.youmax-subscribe div {
    position: static !important;
    vertical-align: top !important
}

.youmax-subscribe iframe {
    position: static !important
}

.youmax-subscribe {
    display: inline-block;
    width: 150px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    top: 0;
    margin: auto;
    bottom: 0;
    right: 0
}

#youmax-header-logo {
    vertical-align: middle;
    height: 60px;
    margin: 25px;
    display: inline-block;
    margin-left: 40px
}

.youmax-tab-hover {
    color: white;
    background-color: #ff9800;
    text-shadow: none;
    border-radius: 2px
}

.youmax-showing-title {
    font-size: 18px;
    padding: 10px;
    margin-left: 20px;
    margin-bottom: 15px;
    display: inline-block
}

#youmax-video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 20px 10px 0;
    display: none;
    background: transparent url("/views/etu/assets/img/_icons/_loading.gif") center center no-repeat;
    background-size: 100px
}

iframe#youmax-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #3e4c5a;
    opacity: 0.85
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .mfp-container {
        padding: 0
    }
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

.popupbox {
    margin: 0 auto;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
    padding: 30px;
    height: 100%;
    max-width: 840px;
    position: relative
}

.popupbox.tanitim_rehberi {
    padding: 0;
    max-width: 510px
}

.popupbox.tanitim_rehberi .mfp-close {
    color: #fff !important;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

.popupbox.tanitim_rehberi .mfp-close:hover, .popupbox.tanitim_rehberi .mfp-close:active {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

@media (max-width: 767px) {
    .popupbox.tanitim_rehberi .mfp-close {
        background-color: transparent
    }
}

.popupbox.tanitim_rehberi .tanitim_rehberi__wrap {
    position: relative;
    width: 100%;
    height: 100%
}

.popupbox.tanitim_rehberi .tanitim_rehberi__header {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-size: cover;
    background-image: url("/views/etu/_images/_genel/tanitim_bg.jpg?v=1.2");
    background-position: center center;
    background-repeat: no-repeat
}

.popupbox.tanitim_rehberi .tanitim_rehberi__header--txt {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: 500;
    letter-spacing: .02em;
    margin: auto auto;
    font-size: 28px;
    line-height: 38px;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 35%
}

.popupbox.tanitim_rehberi .tanitim_rehberi__content {
    padding: 30px;
    text-align: center
}

.popupbox.tanitim_rehberi .tanitim_rehberi__content .tanitim_rehberi__content--txt {
    display: block;
    padding-bottom: 15px
}

.popupbox.tanitim_rehberi .tanitim_rehberi__content a {
    display: inline-block;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: #0F4C90 url("/views/etu/_images/_genel/indir_icon.png?v=1.1") 20px center no-repeat;
    color: #fff;
    padding: 16px 24px 10px 70px;
    background-size: 24px;
    margin: 0 5px
}

.popupbox.tanitim_rehberi .tanitim_rehberi__content a.adrese_teslim {
    background-image: none;
    padding-left: 24px;
    text-align: center
}

@media (max-width: 767px) {
    .popupbox.tanitim_rehberi .tanitim_rehberi__content a {
        margin: 0 auto;
        display: block;
        width: 100%;
        text-align: center;
        padding-left: 24px
    }

    .popupbox.tanitim_rehberi .tanitim_rehberi__content a.adrese_teslim {
        margin-bottom: 10px
    }
}

.popupbox.tanitim_rehberi .tanitim_rehberi__content a strong {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: .03264em
}

.popupbox.tanitim_rehberi .tanitim_rehberi__content a em {
    font-style: normal;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
    letter-spacing: .02em;
    font-size: 12px
}

@media (max-width: 767px) {
    .popupbox {
        max-width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        -o-box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -o-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }
}

.popupbox .popupbox-content {
    position: relative;
    max-height: 600px;
    padding: 30px;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto
}

@media (max-width: 767px) {
    .popupbox .popupbox-content {
        max-height: 100%;
        padding: 20px
    }
}

.popupbox .popupbox-content h1, .popupbox .popupbox-content h2, .popupbox .popupbox-content h3, .popupbox .popupbox-content h4 {
    margin: 0;
    display: block;
    padding: 10px 0;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 500
}

.popupbox .popupbox-content h1 {
    font-size: 20px;
    line-height: 32px;
    color: #000
}

.popupbox .popupbox-content p {
    display: block;
    padding: 7px 0;
    font-size: 14px;
    line-height: 23px;
    color: #444;
    letter-spacing: .0172em
}

.popupbox .popupbox-content strong {
    font-weight: 400;
    color: #000
}

.popupbox .popupbox-content.talep-formu [class*='grid-'] {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px
}

.popupbox .popupbox-content.talep-formu button {
    margin-top: 10px
}

.popupbox .popupbox-content.talep-formu .pleft10 {
    padding-left: 10px !important
}

@media (max-width: 767px) {
    .popupbox .popupbox-content.talep-formu .pleft10 {
        padding-left: 0 !important
    }
}

.popupbox .popupbox-content.talep-formu option[value=""][disabled] {
    color: #ccc
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

.mfp-close {
    font-size: 14px;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
    outline: none;
    border: none;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    color: #fff;
    font-style: normal
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1
}

.mfp-close-btn-in .mfp-close {
    color: #999;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    padding: 24px;
    font-size: 14px;
    outline: none;
    border: none;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: block
}

@media (max-width: 767px) {
    .mfp-close-btn-in .mfp-close {
        background-color: #EFF5FC;
        color: #0F4C90;
        -webkit-border-radius: 0 0 0 3px;
        -moz-border-radius: 0 0 0 3px;
        -ms-border-radius: 0 0 0 3px;
        border-radius: 0 0 0 3px;
        -o-border-radius: 0 0 0 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }

    .mfp-close-btn-in .mfp-close:hover {
        color: #3F77B6
    }
}

.mfp-close-btn-in .mfp-close:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    line-height: 48px
}

.mfp-close-btn-in .mfp-close:hover {
    color: #000
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
}

x-object-fit {
    position: relative !important;
    display: inline-block !important
}

x-object-fit > .x-object-fit-taller, x-object-fit > .x-object-fit-wider {
    position: absolute !important;
    left: -100% !important;
    right: -100% !important;
    top: -100% !important;
    bottom: -100% !important;
    margin: auto !important
}

.x-object-fit-none > .x-object-fit-taller, .x-object-fit-none > .x-object-fit-wider {
    width: auto !important;
    height: auto !important
}

.x-object-fit-fill > .x-object-fit-taller, .x-object-fit-fill > .x-object-fit-wider {
    width: 100% !important;
    height: 100% !important
}

.x-object-fit-contain > .x-object-fit-taller {
    width: auto !important;
    height: 100% !important
}

.x-object-fit-contain > .x-object-fit-wider {
    width: 100% !important;
    height: auto !important
}

.x-object-fit-cover > .x-object-fit-taller, .x-object-fit-cover > .x-object-fit-wider {
    max-width: none !important;
    max-height: none !important
}

.x-object-fit-cover > .x-object-fit-taller {
    width: 100% !important;
    height: auto !important;
    max-width: none !important
}

.x-object-fit-cover > .x-object-fit-wider {
    width: auto !important;
    height: 100% !important;
    max-width: none !important
}

.x-object-position-top > .x-object-fit-taller, .x-object-position-top > .x-object-fit-wider {
    top: 0 !important;
    bottom: auto !important
}

.x-object-position-right > .x-object-fit-taller, .x-object-position-right > .x-object-fit-wider {
    left: auto !important;
    right: 0 !important
}

.x-object-position-bottom > .x-object-fit-taller, .x-object-position-bottom > .x-object-fit-wider {
    top: auto !important;
    bottom: 0 !important
}

.x-object-position-left > .x-object-fit-taller, .x-object-position-left > .x-object-fit-wider {
    left: 0 !important;
    right: auto !important
}

#bilgipop {
    max-width: 720px
}

.duyuru-pop {
    position: relative;
    padding: 15px;
    overflow-y: auto;
    overflow-x: hidden
}

.duyuru-pop h1 {
    display: block;
    font-size: 24px;
    color: #000;
    line-height: 32px;
    margin-bottom: 10px;
    letter-spacing: .02em
}

.duyuru-pop p {
    position: relative;
    display: block;
    padding: 10px 0;
    clear: both;
    font-size: 15px;
    line-height: 23px;
    color: #4d4d4d;
    font-weight: 400;
    letter-spacing: .02em
}

.duyuru-pop strong {
    font-weight: 500;
    color: #0d0d0d
}

.duyuru-pop a {
    color: #0F4C90
}

.duyuru-pop a:hover, .duyuru-pop a:active {
    color: #3F77B6
}

.duyuru-pop img {
    margin: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8
}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.slick-loading .slick-list {
    background: #fff url("./../img/ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url("/views/etu/assets/fonts/_slick/slick.eot");
    src: url("/views/etu/assets/fonts/_slick/slick.eot?#iefix") format("embedded-opentype"), url("/views/etu/assets/fonts/_slick/slick.woff") format("woff"), url("/views/etu/assets/fonts/_slick/slick.ttf") format("truetype"), url("/views/etu/assets/fonts/_slick/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 100%;
    width: 120px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    z-index: 3;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -ms-transition: all 0.25s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(173, 173, 173, 0.28);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(173, 173, 173, 0.28);
    -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(173, 173, 173, 0.28);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(173, 173, 173, 0.28);
    -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(173, 173, 173, 0.28)
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before, .slick-next:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 1;
    color: #000;
    filter: alpha(opacity=45);
    -moz-opacity: .45;
    -khtml-opacity: .45;
    opacity: .45;
    padding: 10px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    border-radius: 32px;
    -o-border-radius: 32px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #000
}

.slick-prev:after, .slick-next:after {
    background-color: rgba(255, 255, 255, 0);
    width: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: ""
}

.slick-prev {
    left: -15px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: ""
}

[dir="rtl"] .slick-prev:before {
    content: ""
}

.slick-next {
    right: -15px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: ""
}

[dir="rtl"] .slick-next:before {
    content: ""
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.flatpickr-calendar {
    background: transparent;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    padding: 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 315px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08)
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    max-height: 640px
}

.flatpickr-calendar.open {
    display: inline-block;
    animation: flatpickrFadeInDown 300ms cubic-bezier(0, 1, 0.5, 1);
    z-index: 99999
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.hasWeeks {
    width: auto
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-month {
    background: transparent;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
    height: 28px;
    line-height: 24px;
    text-align: center;
    position: relative;
    user-select: none
}

.flatpickr-prev-month, .flatpickr-next-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 10px;
    height: 16px;
    line-height: 16px
}

.flatpickr-prev-month i, .flatpickr-next-month i {
    position: relative
}

.flatpickr-prev-month.flatpickr-prev-month, .flatpickr-next-month.flatpickr-prev-month {
    left: calc(3.57% - 1.5px)
}

.flatpickr-prev-month.flatpickr-next-month, .flatpickr-next-month.flatpickr-next-month {
    right: calc(3.57% - 1.5px)
}

.flatpickr-prev-month:hover, .flatpickr-next-month:hover {
    color: #959ea9
}

.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-prev-month svg, .flatpickr-next-month svg {
    width: 14px
}

.flatpickr-prev-month svg path, .flatpickr-next-month svg path {
    transition: fill 0.1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input, .numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, 0.05);
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, 0.1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, 0.2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
    top: 33%
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, 0.6)
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, 0.6)
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, 0.5)
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, 0.05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    top: 5px;
    display: inline-block;
    text-align: center
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: 7px;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, 0.05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch \0;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, 0.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, 0.9)
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    box-sizing: border-box;
    color: inherit;
    cursor: default;
    padding: 0 0 0 0.5ch;
    margin: 0;
    display: inline;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: initial;
    border: 0;
    border-radius: 0;
    vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, 0.5);
    background: transparent;
    pointer-events: none
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden
}

.flatpickr-days, .flatpickr-weeks {
    padding: 1px 0 0 0
}

.flatpickr-days {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 315px;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-around
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #F18B22
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
    border-color: #F18B22;
    background: #F18B22;
    color: #fff
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #3F77B6;
    color: #fff;
    border-color: #3F77B6
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
    pointer-events: none
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(57, 57, 57, 0.3);
    background: transparent;
    border-color: transparent;
    cursor: default
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    color: rgba(0, 0, 0, 0.54);
    height: 27.333333333333332px;
    line-height: 24px;
    margin: 0;
    background: transparent;
    text-align: center;
    display: block;
    float: left;
    width: 14.28%;
    font-weight: bold;
    margin: 0;
    padding-top: 3.333333333333333px
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 1px 12px 0 12px;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%
}

.flatpickr-weekwrapper span.flatpickr-day {
    display: block;
    width: 100%;
    max-width: none
}

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    transition: height 0.33s cubic-bezier(0, 1, 0.5, 1);
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    cursor: pointer;
    color: #393939;
    font-size: 14px;
    position: relative;
    box-sizing: border-box
}

.flatpickr-time input.flatpickr-hour {
    font-weight: bold
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
    height: inherit;
    display: inline-block;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: bold;
    width: 2%;
    user-select: none
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {
    background: #f0f0f0
}

.hasWeeks .flatpickr-days, .hasTime .flatpickr-days {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.hasWeeks .flatpickr-days {
    border-left: 0
}

@media all and (-ms-high-contrast: none) {
    .flatpickr-month {
        padding: 0
    }

    .flatpickr-month svg {
        top: 0 !important
    }
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-moz-keyframes flatpickrFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes flatpickrFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-o-keyframes flatpickrFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes flatpickrFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.alertMe-dialog {
    position: fixed;
    z-index: 99999999;
    width: 85%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FAFAFC;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.alertMe-dialog-confirm .alertMe-dialog .alertMe-dialog-hd {
    padding: 1.2em 20px .5em
}

.alertMe-dialog-hd {
    padding: 1.2em 0 .5em
}

.alertMe-dialog-title {
    font-weight: 400;
    font-size: 17px
}

.alertMe-dialog-bd {
    padding: 0 20px;
    font-size: 15px;
    color: #888;
    word-wrap: break-word;
    word-break: break-all
}

.alertMe-dialog-ft {
    position: relative;
    line-height: 42px;
    margin-top: 20px;
    font-size: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.alertMe-dialog-ft a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #3CC51F;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-weight: 500
}

.alertMe-dialog-ft a:active {
    background-color: #EEEEEE
}

.alertMe-dialog-ft:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.alertMe-dialog-confirm .alertMe-dialog-ft a {
    position: relative
}

.alertMe-dialog-confirm .alertMe-dialog-ft a:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5)
}

.alertMe-dialog-confirm .alertMe-dialog-ft a:first-child:after {
    display: none
}

.alertMe-btn-dialog.default {
    color: #353535
}

.alertMe-btn-dialog.primary {
    color: #3FA83F
}

@media screen and (min-width: 1024px) {
    .alertMe-dialog {
        width: 460px
    }
}

.alertMe-mask {
    position: fixed;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6)
}

.alertMe-mask-transparent {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.alertMe-mask-transition {
    display: none;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: background .3s;
    transition: background .3s
}

.alert-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    z-index: 999999;
    width: 100%;
    animation-name: dropAlert;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.45s
}

.alert-box__wrap {
    position: relative;
    display: block;
    padding: 15px 30px;
    font-size: 0.875rem;
    color: #fff;
    letter-spacing: .015em;
    font-weight: 500;
    line-height: 135%;
    text-align: center;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.06), 0 3px 25px 0 rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.06), 0 3px 25px 0 rgba(0, 0, 0, 0.125);
    -ms-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.06), 0 3px 25px 0 rgba(0, 0, 0, 0.125);
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.06), 0 3px 25px 0 rgba(0, 0, 0, 0.125);
    -o-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.06), 0 3px 25px 0 rgba(0, 0, 0, 0.125)
}

.alert-box[data-tip="error"] .alert-box__wrap {
    background-color: #f6ced1;
    color: #B22029
}

.alert-box[data-tip="info"] .alert-box__wrap {
    background-color: #9dc6f5;
    color: #0F4C90
}

.alert-box[data-tip="warning"] .alert-box__wrap {
    background-color: #fdecdb;
    color: #F18B22
}

.alert-box[data-tip="success"] .alert-box__wrap {
    background-color: #e1f4e1;
    color: #3FA83F
}

@font-face {
    font-family: 'lg';
    src: url("/views/etu/assets/fonts/galeri/lg.eot?n1z373");
    src: url("/views/etu/assets/fonts/galeri/lg.eot?#iefixn1z373") format("embedded-opentype"), url("/views/etu/assets/fonts/galeri/lg.woff?n1z373") format("woff"), url("/views/etu/assets/fonts/galeri/lg.ttf?n1z373") format("truetype"), url("/views/etu/assets/fonts/galeri/lg.svg?n1z373#lg") format("svg");
    font-weight: normal;
    font-style: normal
}

.lg-icon {
    font-family: 'lg';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    border: none;
    outline: none
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: 0.5
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
    color: #FFF
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end 0.3s;
    -o-animation: lg-right-end 0.3s;
    animation: lg-right-end 0.3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end 0.3s;
    -o-animation: lg-left-end 0.3s;
    animation: lg-left-end 0.3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.45)
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #FFF
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, 0.45);
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: bold
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-toolbar, .lg-prev, .lg-next {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0D0A0A;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color 0.25s ease;
        -o-transition: border-color 0.25s ease;
        transition: border-color 0.25s ease
    }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #f28b20
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom 0.25s ease;
    -o-transition: bottom 0.25s ease;
    transition: bottom 0.25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0D0A0A;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #FFF
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: 0.8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 0.08s ease 0s;
    -moz-transition: opacity 0.08s ease 0s;
    -o-transition: opacity 0.08s ease 0s;
    transition: opacity 0.08s ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: 0.5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px white inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
    -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
    transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
    box-shadow: 0 0 0 8px white inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s
}

.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #FFF
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0px
}

.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url("/views/etu/assets/img/galeri/loading.gif") no-repeat scroll center center transparent;
    display: none !important
}

.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
    display: inline-block !important
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html {
    display: none
}

.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-zoom-in .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3)
}

.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3)
}

.lg-css3.lg-zoom-in .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-zoom-in-big .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2)
}

.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2)
}

.lg-css3.lg-zoom-in-big .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-zoom-out .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7)
}

.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7)
}

.lg-css3.lg-zoom-out .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-zoom-out-big .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}

.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}

.lg-css3.lg-zoom-out-big .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-zoom-out-in .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}

.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2)
}

.lg-css3.lg-zoom-out-in .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-zoom-in-out .lg-item {
    opacity: 0
}

.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2)
}

.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}

.lg-css3.lg-zoom-in-out .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-soft-zoom .lg-item {
    opacity: 0
}

.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
}

.lg-css3.lg-soft-zoom .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-scale-up .lg-item {
    opacity: 0
}

.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0)
}

.lg-css3.lg-scale-up .lg-item.lg-next-slide {
    -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0)
}

.lg-css3.lg-scale-up .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-slide-circular .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.lg-css3.lg-slide-circular .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-slide-circular-up .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0)
}

.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0)
}

.lg-css3.lg-slide-circular-up .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-slide-circular-down .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0)
}

.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0)
}

.lg-css3.lg-slide-circular-down .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-slide-circular-vertical .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(0, -100%, 0)
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(0, 100%, 0)
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-slide-circular-vertical-left .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0)
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0)
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-slide-circular-vertical-down .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0)
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0)
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s
}

.lg-css3.lg-slide-vertical .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.lg-css3.lg-slide-vertical .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-vertical-growth .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0)
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
    -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0)
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew-only .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg)
}

.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg)
}

.lg-css3.lg-slide-skew-only .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1
}

.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew-only-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg)
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg)
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew-only-y .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 10deg);
    -o-transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -webkit-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg)
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 10deg);
    -o-transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -webkit-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg)
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -10deg);
    -o-transform: skew(0deg, -10deg);
    -ms-transform: skew(0deg, -10deg);
    -webkit-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg)
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -10deg);
    -o-transform: skew(0deg, -10deg);
    -ms-transform: skew(0deg, -10deg);
    -webkit-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg)
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
    -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px)
}

.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
    -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px)
}

.lg-css3.lg-slide-skew .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1
}

.lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px)
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px)
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew-cross .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px)
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px)
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew-cross-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px)
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px)
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew-ver .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
    -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    transform: skew(60deg, 0deg) translate3d(0, -100%, 0px)
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
    -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    transform: skew(60deg, 0deg) translate3d(0, 100%, 0px)
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew-ver-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px)
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px)
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew-ver-cross .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    transform: skew(0deg, 20deg) translate3d(0, -100%, 0px)
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    transform: skew(0deg, 20deg) translate3d(0, 100%, 0px)
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    transform: skew(0deg, -20deg) translate3d(0, -100%, 0px)
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    transform: skew(0deg, -20deg) translate3d(0, 100%, 0px)
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-lollipop .lg-item {
    opacity: 0
}

.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-lollipop .lg-item.lg-next-slide {
    -moz-transform: translate3d(0, 0, 0) scale(0.5);
    -o-transform: translate3d(0, 0, 0) scale(0.5);
    -ms-transform: translate3d(0, 0, 0) scale(0.5);
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5)
}

.lg-css3.lg-lollipop .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-lollipop-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
    -moz-transform: translate3d(0, 0, 0) scale(0.5);
    -o-transform: translate3d(0, 0, 0) scale(0.5);
    -ms-transform: translate3d(0, 0, 0) scale(0.5);
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5)
}

.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-lollipop-rev .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-rotate .lg-item {
    opacity: 0
}

.lg-css3.lg-rotate .lg-item.lg-prev-slide {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.lg-css3.lg-rotate .lg-item.lg-next-slide {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.lg-css3.lg-rotate .lg-item.lg-current {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-rotate-rev .lg-item {
    opacity: 0
}

.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.lg-css3.lg-rotate-rev .lg-item.lg-current {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-tube .lg-item {
    opacity: 0
}

.lg-css3.lg-tube .lg-item.lg-prev-slide {
    -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0)
}

.lg-css3.lg-tube .lg-item.lg-next-slide {
    -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    transform: scale3d(1, 0, 1) translate3d(100%, 0, 0)
}

.lg-css3.lg-tube .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.form_tab {
    position: relative
}

.form_tab__menu {
    position: relative;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form_tab__menu:after {
    background-color: #ddd;
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.form_tab__menu::-webkit-scrollbar {
    display: none
}

@media (max-width: 47.99em) {
    .form_tab__menu {
        display: table;
        width: 100%;
        table-layout: fixed;
        text-align: center
    }
}

.form_tab__menu__icon {
    display: inline-block;
    position: relative;
    pointer-events: none;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 15px;
    filter: invert(50%) sepia(8%) saturate(476%) hue-rotate(195deg) brightness(94%) contrast(86%)
}

.form_tab__menu__icon.new_record {
    background-image: url("/views/etu/assets/img/_icons/video_sunum/kamera.svg")
}

.form_tab__menu__icon.add_record {
    background-image: url("/views/etu/assets/img/_icons/video_sunum/video-yukle.svg")
}

.form_tab__menu--item {
    display: inline-block;
    position: relative;
    padding: 12px 30px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    color: gray
}

@media (max-width: 47.99em) {
    .form_tab__menu--item {
        display: table-cell;
        width: 100%;
        text-align: center;
        padding: 12px 10px
    }
}

.form_tab__menu--item.active {
    border-width: 1px 1px 0 1px;
    border-color: #ddd;
    border-style: solid;
    pointer-events: none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #0F4C90
}

.form_tab__menu--item.active:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 2px;
    content: "";
    z-index: 2;
    margin-top: -1px;
    pointer-events: none
}

.form_tab__menu--item.active .form_tab__menu__icon {
    filter: invert(15%) sepia(97%) saturate(2844%) hue-rotate(207deg) brightness(91%) contrast(101%)
}

@media (max-width: 47.99em) {
    .form_tab__menu--item {
        padding: 12px 16px;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

.form_tab__content {
    position: relative
}

.form_tab__content--item {
    position: relative;
    display: none;
    padding: 15px 0;
    min-height: 360px
}

.form_tab__content--item.active {
    display: block
}

@media (max-width: 61.99em) {
    .form_tab__content--item {
        min-height: auto
    }
}

.form_tab__content__info {
    position: relative;
    padding: 0 0 15px;
    color: #333 !important;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    max-width: 670px;
    width: 100%;
    letter-spacing: .025em;
    font-weight: 500
}

.info_box {
    position: relative;
    margin: 0 0 30px;
    display: block;
    max-width: 640px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ddd;
    background-color: #ccc;
    padding: 15px 20px 15px 65px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: #0F4C90;
    font-weight: 500;
    letter-spacing: .025em;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025)
}

@media (max-width: 61.99em) {
    .info_box {
        max-width: 100%
    }
}

.info_box.w100 {
    max-width: 100%
}

.info_box.mb15 {
    margin-bottom: 15px
}

.info_box strong {
    font-weight: 500
}

.info_box br {
    height: 3px
}

.info_box.wButton {
    max-width: 640px
}

.info_box.wButton p {
    max-width: 390px;
    position: relative
}

@media (max-width: 61.99em) {
    .info_box.wButton p {
        max-width: 100%
    }
}

.info_box.wButton button {
    position: absolute;
    right: 10px;
    top: 10px
}

@media (max-width: 61.99em) {
    .info_box.wButton button {
        position: relative;
        right: 0;
        top: 0;
        margin: 10px 0 0 0
    }
}

.info_box:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 20px;
    top: 28px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 0px;
    line-height: 0rem
}

.info_box.blue {
    background-color: #EFF5FC;
    border-color: #E5F0FF
}

.info_box.blue:before {
    content: "";
    color: #0F4C90
}

.info_box.blue.inner_form {
    padding-left: 55px
}

.info_box.blue.inner_form strong {
    font-weight: 500;
    text-decoration: underline
}

.info_box.blue.inner_form:before {
    left: 15px;
    top: 24px;
    width: 0px;
    height: 0px
}

.info_box.red {
    background-color: #f0aeb2;
    border-color: #e8cfce;
    color: #B22029
}

.info_box.red:before {
    content: "";
    color: #B22029
}

.info_box.red.inner_form {
    padding-left: 55px
}

.info_box.red.inner_form:before {
    left: 15px;
    top: 28px;
    width: 0px;
    height: 0px
}

.form_info_text {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: gray;
    letter-spacing: .025em;
    margin-bottom: 10px;
    max-width: 670px;
    width: 100%
}

.form_info_text br {
    height: 2px
}

.form_info_text br.long {
    height: 8px
}

.form_info_list {
    margin-left: 30px;
    letter-spacing: .025em;
    margin-bottom: 15px;
    max-width: 600px
}

.form_info_list li {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: gray
}

.file_yukle {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 540px;
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px dashed rgba(169, 173, 180, 0.529412);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #f1f3f7
}

@media (max-width: 47.99em) {
    .file_yukle {
        padding: 12px
    }
}

.file_yukle:hover {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    border-color: #afafaf;
    background-color: rgba(241, 243, 247, 0.4)
}

.file_yukle__btn {
    flex-shrink: 0;
    background-color: #ccc;
    color: gray;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 8px 15px;
    letter-spacing: .045em;
    font-weight: 500;
    margin-right: 15px;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 20px;
    line-height: 1.25rem
}

.file_yukle__msg {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #000;
    position: relative
}

.file_yukle__msg:after {
    display: block;
    letter-spacing: .035em;
    color: gray;
    font-weight: 400;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 20px;
    line-height: 1.25rem;
    content: attr(data-desktop-msg)
}

@media (max-width: 47.99em) {
    .file_yukle__msg {
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 20px;
        line-height: 1.25rem
    }

    .file_yukle__msg:after {
        content: attr(data-mobile-msg)
    }
}

.file_yukle__input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0
}

.file_yukle__input:focus {
    outline: none
}

.file_yukle.is-active {
    background-color: #fff;
    border-color: #ddd
}

.file_yukle.is-active .file_yukle__btn {
    background-color: transparent;
    color: gray;
    border: 1px solid #ddd
}

.file_yukle.is-active .file_yukle__msg {
    color: #000
}

.bilgilendirme_box {
    position: relative;
    padding: 20px 0;
    margin-bottom: -30px;
    border-top: 1px solid #ddd
}

.panel_page.last_form .bilgilendirme_box {
    margin-bottom: 0
}

.bilgilendirme_box .radio_check.checkbox.bilgilendirme_check {
    padding-left: 35px;
    position: relative
}

.bilgilendirme_box .radio_check input[type="checkbox"] + .check-label {
    line-height: 24px
}

.bilgilendirme_box .radio_check input[type="checkbox"] + .check-label:before {
    top: .11375em;
    position: absolute
}

.bilgilendirme_box .radio_check input[type="checkbox"]:checked + .check-label {
    position: initial
}

.bilgilendirme_box .radio_check input[type="checkbox"]:checked + .check-label:after {
    top: 13px
}

.info_box {
    position: relative;
    margin: 0 0 30px;
    display: block;
    max-width: 640px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ddd;
    background-color: #ddd;
    padding: 15px 20px 15px 65px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: #0F4C90;
    font-weight: 500;
    letter-spacing: .025em;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025)
}

@media (max-width: 61.99em) {
    .info_box {
        max-width: 100%
    }
}

.info_box.w100 {
    max-width: 100%
}

.info_box.mb15 {
    margin-bottom: 15px
}

.info_box strong {
    font-weight: 500
}

.info_box br {
    height: 3px
}

.info_box.wButton {
    max-width: 640px
}

.info_box.wButton p {
    max-width: 390px;
    position: relative
}

@media (max-width: 61.99em) {
    .info_box.wButton p {
        max-width: 100%
    }
}

.info_box.wButton button {
    position: absolute;
    right: 10px;
    top: 10px
}

@media (max-width: 61.99em) {
    .info_box.wButton button {
        position: relative;
        right: 0;
        top: 0;
        margin: 10px 0 0 0
    }
}

.info_box:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 20px;
    top: 28px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 0px;
    line-height: 0rem
}

.info_box.blue {
    background-color: #EFF5FC;
    border-color: #E5F0FF
}

.info_box.blue:before {
    content: "";
    color: #0F4C90
}

.info_box.blue.inner_form {
    padding-left: 55px
}

.info_box.blue.inner_form strong {
    font-weight: 500;
    text-decoration: underline
}

.info_box.blue.inner_form:before {
    left: 15px;
    top: 24px;
    width: 0px;
    height: 0px
}

.info_box.red {
    background-color: #f0aeb2;
    border-color: #e8cfce;
    color: #B22029
}

.info_box.red:before {
    content: "";
    color: #B22029
}

.info_box.red.inner_form {
    padding-left: 55px
}

.info_box.red.inner_form:before {
    left: 15px;
    top: 28px;
    width: 0px;
    height: 0px
}

.video_sunum__kamera {
    position: relative;
    width: 100%;
    border-radius: 4px;
    overflow: hidden
}

.video_sunum__kamera__info {
    position: relative;
    padding: 10px 0;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 19px;
    line-height: 1.1875rem;
    color: #B22029;
    font-weight: 500;
    letter-spacing: .015em
}

.video_sunum__kamera__info strong {
    font-weight: 500
}

.video_sunum__kamera__info span {
    text-decoration: underline
}

.video_sunum__kamera__buttons {
    position: relative;
    margin: 15px 0 0
}

.video_sunum__kamera__buttons button {
    margin-right: 15px;
    vertical-align: top
}

.video_sunum__kamera__buttons button:last-child {
    margin-right: 0
}

.video_sunum__record {
    position: relative
}

.video_sunum__record__howto {
    position: relative;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.25rem
}

.video_sunum__record__howto strong {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-weight: 500;
    padding: 15px;
    cursor: pointer;
    position: relative
}

.video_sunum__record__howto strong:after {
    position: absolute;
    right: 8px;
    top: 19px;
    content: "";
    width: 20px;
    height: 20px;
    pointer-events: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 12px;
    background-image: url("/views/etu/assets/img/_icons/video_sunum/plus.svg")
}

.video_sunum__record__howto strong.active:after {
    background-image: url("/views/etu/assets/img/_icons/video_sunum/minus.svg")
}

.video_sunum__record__howto ul {
    display: block;
    position: relative;
    padding: 0 15px;
    height: 0px;
    transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    overflow: hidden;
    opacity: 0;
    transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.video_sunum__record__howto ul.active {
    height: auto;
    transform: translateY(1);
    -o-transform: translateY(1);
    -moz-transform: translateY(1);
    -webkit-transform: translateY(1);
    -ms-transform: translateY(1);
    opacity: 1
}

.video_sunum__record__howto ul li {
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #ddd;
    position: relative
}

.video_sunum__record__howto ul li:last-child {
    border-bottom: none
}

.video_sunum__record__howto ul li span {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: gray;
    display: inline-block;
    padding-left: 30px;
    vertical-align: middle
}

.video_sunum__record__howto ul li .vicon {
    display: inline-block;
    position: absolute;
    pointer-events: none;
    top: 12px;
    left: 0;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 15px
}

.video_sunum__record__howto ul li .vicon.izin {
    background-image: url("/views/etu/assets/img/_icons/video_sunum/kamera.svg");
    background-size: 17px;
    top: 11px
}

.video_sunum__record__howto ul li .vicon.kayit_basla {
    background-image: url("/views/etu/assets/img/_icons/video_sunum/record.svg");
    filter: invert(23%) sepia(51%) saturate(3230%) hue-rotate(336deg) brightness(80%) contrast(100%)
}

.video_sunum__record__howto ul li .vicon.kayit_son {
    background-image: url("/views/etu/assets/img/_icons/video_sunum/stop.svg")
}

.video_sunum__record__howto ul li .vicon.kayit_izle {
    background-image: url("/views/etu/assets/img/_icons/video_sunum/play.svg")
}

.video_sunum__record__howto ul li .vicon.ses {
    background-image: url("/views/etu/assets/img/_icons/video_sunum/sound.svg")
}

.video_sunum__record__howto ul li .vicon.fullscreen {
    background-image: url("/views/etu/assets/img/_icons/video_sunum/fullscreen.svg")
}

.video_sunum__record__info {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    height: 0px;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.video_sunum__record__info.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(1);
    -o-transform: translateY(1);
    -moz-transform: translateY(1);
    -webkit-transform: translateY(1);
    -ms-transform: translateY(1);
    height: auto
}

.video-js.start_text:after {
    content: attr(data-info-text);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    text-align: center;
    color: #fff;
    padding: 15px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 500;
    pointer-events: none;
    opacity: 1;
    visibility: visible
}

@media (max-width: 47.99em) {
    .video-js.start_text:after {
        bottom: 65px
    }
}

.video_onizleme {
    position: relative
}

.video_onizleme__content {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 640px
}

.video_onizleme__content__video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.video_onizleme__content__video video {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    min-height: 420px
}

@media (max-width: 47.99em) {
    .video_onizleme__content__video video {
        min-height: 340px
    }
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url("/views/etu/assets/fonts/_Kamera/kamera.woff?v=1.1.0") format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
    content: "\f101";
    font-size: 27px;
    line-height: 44px
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
    content: "\f103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before {
    content: "\f104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before {
    content: "\f105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before {
    content: "\f106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
    content: "\f107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
    content: "\f108";
    font-size: 26px
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before {
    content: "\f10c"
}

.video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before {
    content: "\f10d"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before {
    content: "\f115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before {
    content: "\f116";
    font-size: 23px
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before {
    content: "\f11d"
}

.video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before {
    content: "\f11e"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f11f"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f120"
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before {
    content: "\f121"
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-exit:before {
    content: "\f122"
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
    border-radius: 5px 5px 0 0;
    width: 100%;
    height: 100%;
    min-height: 345px;
    margin-bottom: 55px
}

@media (max-width: 47.99em) {
    .video-js {
        min-height: 290px
    }
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: 0
}

.video-js *, .video-js :after, .video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a, .vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-fullscreen .vjs-control-bar {
    bottom: 0 !important;
    background-color: rgba(0, 68, 159, 0.75) !important
}

.vjs-fullscreen .vjs-device-button.vjs-control {
    font-size: 5em !important
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: 0 0;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -ms-transition: all 0.25s
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog > * {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content > * {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: -44px;
    left: 0;
    right: 0;
    height: 44px;
    background-color: #0F4C90;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 0 0 5px 5px
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 22px;
    line-height: 42px
}

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em rgba(255, 255, 255, 0.5)
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.3333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel:hover .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 44px
}

.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: 9em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 20px .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 13px;
    text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.35)
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.415em;
    right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 15px;
    line-height: 44px;
    min-width: 2em;
    width: auto;
    padding-left: 10px;
    padding-right: 10px
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration, .vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none;
    padding-left: 2px;
    padding-right: 2px;
    min-width: 2px
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 44px;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after, .vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    100% {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "";
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " ";
    font-size: 1.5em;
    line-height: inherit
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto;
    width: initial
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows:1fr;
        padding: 20px 24px 0 24px
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns:1fr
    }
}

.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span > select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js > :not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
    outline: 0;
    background: 0 0
}

.video-js .vjs-menu :focus:not(:focus-visible), .video-js :focus:not(:focus-visible) {
    outline: 0;
    background: 0 0
}

@font-face {
    font-family: videojs-record;
    src: url("/views/etu/assets/fonts/_Kamera/record.woff?v=1.1.0") format("woff");
    font-weight: 400;
    font-style: normal
}

.vjs-icon-av-perm {
    font-family: videojs-record;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-av-perm:before {
    content: "\f101"
}

.vjs-icon-sv-perm {
    font-family: videojs-record;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-sv-perm:before {
    content: "\f104"
}

.vjs-icon-video-perm {
    font-family: videojs-record;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-video-perm:before {
    content: "\f102"
}

.vjs-icon-audio-perm {
    font-family: videojs-record;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-audio-perm:before {
    content: "\f103"
}

.vjs-icon-screen-perm {
    font-family: videojs-record;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-screen-perm:before {
    content: "\f104"
}

.vjs-icon-record-start {
    font-family: videojs-record;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-record-start:before {
    content: "\f105";
    font-size: 20px;
    height: 44px
}

.vjs-icon-record-stop {
    font-family: videojs-record;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-record-stop:before {
    content: "\f106"
}

.vjs-icon-photo-camera {
    font-family: videojs-record;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-photo-camera:before {
    content: "\f107"
}

.vjs-icon-picture-in-picture-start {
    font-family: videojs-record;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-picture-in-picture-start:before {
    content: "\f108"
}

.vjs-icon-picture-in-picture-stop {
    font-family: videojs-record;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-picture-in-picture-stop:before {
    content: "\f109"
}

.vjs-record.video-js .vjs-control.vjs-fullscreen-control {
    position: absolute;
    right: 0
}

.vjs-record .vjs-using-native-controls .vjs-control-bar {
    display: flex !important
}

.vjs-record.vjs-fluid .vjs-animation-display > img:first-child, .vjs-record.vjs-fluid .vjs-record-canvas > canvas:first-child, .vjs-record.vjs-fluid wave.vjs-wavedisplay {
    top: 0;
    position: absolute !important;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%
}

.vjs-record .vjs-device-button.vjs-control {
    font-size: 3em;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    text-align: center;
    vertical-align: middle
}

.vjs-record .vjs-error .vjs-device-button {
    display: none
}

.vjs-record button.vjs-device-button.vjs-control.vjs-icon-audio-perm:before, .vjs-record button.vjs-device-button.vjs-control.vjs-icon-av-perm:before, .vjs-record button.vjs-device-button.vjs-control.vjs-icon-screen-perm:before, .vjs-record button.vjs-device-button.vjs-control.vjs-icon-sv-perm:before, .vjs-record button.vjs-device-button.vjs-control.vjs-icon-video-perm:before {
    font-size: 2.4em
}

.vjs-record .vjs-record-button.vjs-control {
    cursor: pointer
}

.vjs-record .vjs-error .vjs-record-button {
    display: none
}

.vjs-record .vjs-record-button.vjs-control.vjs-icon-record-start:before {
    font-size: 22px;
    line-height: 42px;
    color: #B22029
}

.vjs-record .vjs-record-button.vjs-control.vjs-icon-record-stop:before {
    font-size: 31px;
    line-height: 42px
}

.vjs-record .vjs-camera-button.vjs-control, .vjs-record .vjs-play-control.vjs-control {
    cursor: pointer
}

.vjs-record .vjs-error .vjs-camera-button {
    display: none
}

.vjs-record .vjs-camera-button.vjs-control.vjs-icon-photo-camera:before {
    font-size: 2em;
    line-height: 1.4em
}

.vjs-record .vjs-camera-button.vjs-control.vjs-icon-replay:before {
    font-size: 2.2em;
    line-height: 1.4em
}

.vjs-record.video-js .vjs-control.vjs-record-indicator.vjs-hidden {
    display: block !important;
    opacity: 0;
    transform: translateX(1em) rotateX(-90deg) scale(0.9);
    transition: all .5s, transform .5s .25s
}

.vjs-record.video-js .vjs-control.vjs-record-indicator {
    width: .8em;
    height: .8em;
    background-color: #ff625e;
    line-height: 1.1em;
    border-radius: 50%;
    right: 2.5ex;
    top: 2ex;
    position: absolute;
    opacity: 1;
    transform: rotateX(0) scale(1.3);
    transition: all .5s, transform .2s .1s
}

.vjs-record.video-js .vjs-control.vjs-record-indicator:before {
    content: attr(data-label);
    color: #fff;
    position: absolute;
    left: -2.7em;
    font-family: Helvetica, sans-serif;
    animation-name: pulsetext;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    top: -.1em;
    font-size: .8em;
    opacity: 1;
    transition: opacity .5s .2s
}

.vjs-record.video-js .vjs-control.vjs-record-indicator:after {
    content: "";
    display: block;
    height: calc(.8em - 4px);
    width: calc(.8em - 4px);
    border: 2px solid #ff625e;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    transform-origin: center;
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .25s
}

@keyframes pulsetext {
    0% {
        opacity: .75
    }
    25% {
        opacity: .5
    }
    50% {
        opacity: .75
    }
    75% {
        opacity: .5
    }
    to {
        opacity: .75
    }
}

@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(1.6)
    }
    50% {
        opacity: .5;
        transform: scale(2.5)
    }
    to {
        opacity: 0;
        transform: scale(3.5)
    }
}

.vjs-record .vjs-pip-button.vjs-control {
    cursor: pointer
}

.vjs-record .vjs-error .vjs-pip-button {
    display: none
}

.vjs-record .vjs-pip-button.vjs-control.vjs-icon-picture-in-picture-start:before, .vjs-record .vjs-pip-button.vjs-control.vjs-icon-picture-in-picture-stop:before {
    font-size: 1.4em;
    line-height: 2.2em
}

.full_width .video_sunum__kamera {
    max-width: 100%
}

.full_width .video_sunum__kamera .video-js {
    min-height: 65vh;
    max-height: 65vh
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    font-weight: 300;
    color: #333
}

.yenileniyor {
    position: sticky;
    top: 0;
    padding: 1.5rem 0;
    z-index: 5;
    border: .25rem solid transparent;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(#3a3c3e, #16384c), linear-gradient(270deg, #0f4c90, #e87474 50%, #f28b20 100%);
    background-repeat: no-repeat;
    background-origin: padding-box, border-box
}

.yenileniyor .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.yenileniyor .close_bilgi {
    position: absolute;
    right: 1rem;
    top: .65rem;
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 0;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    line-height: 48px;
    text-align: center
}

@media (max-width: 47.99em) {
    .yenileniyor .close_bilgi {
        font-size: 11px;
        right: .25rem;
        top: .25rem;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        line-height: 42px
    }
}

.yenileniyor p {
    color: #fff
}

.yenileniyor p strong {
    font-weight: 500
}

@media (max-width: 74.99em) {
    .yenileniyor p {
        padding: 0 3rem;
        display: block;
        text-align: center;
        line-height: 23px
    }
}

.yenileniyor p a {
    color: #0F4C90;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-left: 1rem;
    position: relative;
    font-weight: 400;
    padding: .5rem 1.25rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff
}

.yenileniyor p a:after {
    display: inline-block;
    font-family: "etuIcon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "";
    margin-left: .75rem;
    font-size: 70%
}

@media (max-width: 74.99em) {
    .yenileniyor p a {
        display: block;
        margin: 1rem 0 0;
        text-align: center
    }
}

a {
    color: #0F4C90
}

#TobbPagePanel {
    height: 100%;
    min-height: 100%
}

.textLight {
    font-weight: 300
}

.textBold {
    font-weight: 700
}

.noLeftMar {
    margin-left: 0 !important
}

.noRightMar {
    margin-right: 0 !important
}

.topBar {
    background-color: #B22029
}

.topBar .rightFloated {
    float: right
}

.topBar .rightFloated a {
    margin-left: 3em
}

.topBar a {
    color: #fff;
    display: inline-block;
    height: 40px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 40px;
    margin-left: .4em
}

.topBar a.active {
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6
}

@media (max-width: 1199px) {
    .topBar a {
        line-height: 44px
    }
}

.topBar__social {
    position: absolute;
    max-width: 300px;
    top: 0;
    height: 40px;
    width: 100%
}

.topBar__social a {
    line-height: 42px;
    font-size: 18px;
    width: 34px;
    position: relative;
    vertical-align: middle
}

.topBar__social a.linkedin_icon {
    top: -1px
}

.topBar__social a.ortam__social i {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 21px;
    background: url(/views/etu/assets/img/_icons/ortam_icon.png?v=1.0);
    background: url(/views/etu/assets/img/_icons/ortam_icon_2x.svg?v=1.0), linear-gradient(transparent, transparent);
    background-size: 17px !important;
    background-color: transparent;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 11px
}

@media (max-width: 1199px) {
    .topBar__social a {
        font-size: 15px !important;
        width: 30px
    }

    .topBar__social a.ortam__social i {
        height: 18px;
        background-size: 14px !important;
        top: 13px
    }
}

@media (max-width: 74.99em) {
    .topBar {
        display: none
    }
}

.site-header {
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    background-color: #fafafb;
    position: relative;
    width: 100%
}

.site-header .container {
    position: relative
}

.site-header a, .site-header strong {
    color: #0F4C90;
    position: relative
}

.site-header strong {
    max-width: 210px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    font-size: 15px;
    top: 0;
    letter-spacing: .02em;
    font-weight: 500;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.site-header .logo {
    transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s
}

.site-header .logo.active {
    filter: alpha(opacity=10);
    -moz-opacity: .1;
    -khtml-opacity: .1;
    opacity: .1
}

@media (max-width: 74.99em) {
    .site-header .logo.active {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

.site-header .logo .logo__icon {
    max-width: 64px;
    width: 100%;
    height: auto;
    display: none;
    vertical-align: middle;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.site-header .logo .logo__text {
    position: relative;
    max-width: 240px;
    width: 100%;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.site-header .logo .logo__text.withText {
    max-width: 450px
}

.site-header .logo .logo__text.mobileSize {
    display: none
}

.site-header.transparent {
    z-index: 3;
    padding: 15px 0;
    border-bottom: none;
    background-color: transparent;
    position: absolute;
    top: 40px
}

.site-header.transparent a, .site-header.transparent strong {
    color: #fff
}

.site-header.transparent strong {
    filter: alpha(opacity=95);
    -moz-opacity: .95;
    -khtml-opacity: .95;
    opacity: .95
}

.site-header.transparent .showMobileMenu {
    color: #fff
}

.site-header.transparent .topMenuList__item.active {
    -webkit-box-shadow: 0 0 15px rgba(67, 146, 255, 0.5);
    -moz-box-shadow: 0 0 15px rgba(67, 146, 255, 0.5);
    -ms-box-shadow: 0 0 15px rgba(67, 146, 255, 0.5);
    box-shadow: 0 0 15px rgba(67, 146, 255, 0.5);
    -o-box-shadow: 0 0 15px rgba(67, 146, 255, 0.5)
}

.site-header.transparent:before, .site-header.transparent:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    z-index: -1
}

.site-header.transparent:before {
    height: 200px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1000000', endColorstr='#00000000', GradientType=0)
}

.site-header.transparent:after {
    height: 125px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#00000000', GradientType=0)
}

@media (max-width: 74.99em) {
    .site-header.transparent {
        top: 0
    }
}

.site-header.is_stuck {
    padding: 10px 0;
    z-index: 4;
    background-color: rgba(255, 255, 255, 0.98)
}

.site-header.is_stuck.transparent {
    padding: 15px 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -o-box-shadow: none;
    height: 70px;
    top: 0
}

.site-header.is_stuck.transparent:before, .site-header.is_stuck.transparent:after {
    display: none
}

.site-header.is_stuck.transparent .topMenu {
    top: 6px
}

.site-header.is_stuck.transparent .topMenu .topMenuList__item {
    margin-left: 45px
}

.site-header.is_stuck .logo strong {
    margin-left: 15px;
    font-size: 12px;
    max-width: 175px;
    line-height: 19px
}

.site-header.is_stuck .logo img {
    max-width: 50px
}

.site-header.is_stuck .topMenu {
    top: 6px
}

.site-header.is_stuck .topMenu .topMenuList__item {
    margin-left: 35px
}

.site-header.is_stuck .topMenu .topMenuList__item .topMenuList__item--link {
    font-size: 16px;
    height: 35px;
    line-height: 32px
}

.site-header.is_stuck .topMenu .topMenuList__item .topMenuList__item--link.active {
    padding: 0 25px
}

.topMenu {
    position: absolute;
    right: 20px;
    top: 0;
    padding: 18px 0;
    background: -moz-linear-gradient(left, rgba(250, 250, 251, 0) 0%, #fafafb 5%);
    background: -webkit-linear-gradient(left, rgba(250, 250, 251, 0) 0%, #fafafb 5%);
    background: linear-gradient(to right, rgba(250, 250, 251, 0) 0%, #fafafb 5%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fafafb', endColorstr='#fafafb', GradientType=1)
}

@media (max-width: 75em) {
    .topMenu {
        position: absolute;
        top: -300em;
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
        height: 0px;
        width: 0px;
        /* Menü burada 0x0'a indirilip ekran dışına atılıyor ama taban kuralda
           `right:20px` duruyor; inline-block <li>'ler sıfır genişlikli kutudan
           SAĞA taşıyor ve sayfaya ~90-110px yatay kaydırma ekliyordu
           (1024-1200 arası; <=1023'te .topMenuList zaten display:none).
           top:-300em yalnız DİKEY taşmayı gizler — yukarı taşma kaydırma
           üretmez, sağa taşma üretir. overflow:hidden çocukları tamamen kırpar. */
        overflow: hidden
    }
}

.topMenuList {
    position: relative;
    display: block
}

.topMenuList__item {
    display: inline-block;
    position: relative;
    margin-left: 50px
}

.topMenuList__item--link {
    display: block;
    height: 38px;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: .04em;
    font-size: 17px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.topMenuList__item--link.active {
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.topMenuList__item__voice {
    position: absolute;
    display: none;
    top: 0;
    left: -4px;
    z-index: 2;
    cursor: pointer;
    width: 24px;
    height: 35px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.topMenuList__item__voice .microphone {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    max-width: 14px;
    left: 4px;
    position: absolute;
    top: 6px
}

.topMenuList__item__voice .listening {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    position: absolute;
    max-width: 22px;
    left: 0;
    top: 6px
}

.topMenuList__item__voice.active .microphone {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.topMenuList__item__voice.active .listening {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible
}

.topMenuList__item.active {
    width: 340px;
    border: 1px solid #0F4C90;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -o-border-radius: 100px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    height: 36px;
    background-color: #fff
}

.topMenuList__item.active .topMenuList__item--link {
    display: inline-block;
    padding: 0 5px 0 15px;
    color: #666
}

.topMenuList__item.active .topMenuList__item--link:hover, .topMenuList__item.active .topMenuList__item--link:active, .topMenuList__item.active .topMenuList__item--link:focus {
    color: #B22029
}

.topMenuList__item.active .topMenuList__item--link i {
    font-size: 10px;
    line-height: 0;
    position: relative;
    top: -3px
}

.topMenuList__item.active .topMenuList__item--link i:before {
    content: "\f10d"
}

#etu-search {
    position: absolute;
    left: 36px;
    top: 0;
    display: none;
    z-index: 2;
    height: 34px;
    width: 300px
}

#etu-search.active {
    display: block
}

#etu-search input[type="search"] {
    height: 34px;
    display: block;
    position: relative;
    width: 240px;
    line-height: 35px;
    font-weight: 400;
    background-color: transparent;
    -webkit-appearance: none;
    border: none;
    outline: none;
    font-size: 13px;
    letter-spacing: .02em;
    color: #666
}

.chrome.webkit #etu-search input[type="search"] {
    padding: 0 0 0 24px
}

#etu-search input[type="search"]::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none
}

#etu-search input[type="search"]::-webkit-input-placeholder {
    font-weight: 300;
    color: #999
}

#etu-search input[type="search"]::-moz-placeholder {
    font-weight: 300;
    color: #999
}

#etu-search input[type="search"]:-ms-input-placeholder {
    font-weight: 300;
    color: #999
}

#etu-search input[type="search"]:-moz-placeholder {
    font-weight: 300;
    color: #999
}

#etu-search button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 12px;
    font-size: 15px;
    color: #0F4C90;
    border: none;
    outline: none;
    background: none;
    background-color: transparent
}

#etu-search button:active, #etu-search button:hover, #etu-search button:focus {
    color: #0F4C90
}

.swiper-container {
    width: 100%;
    background: #000;
    position: relative
}

.swiper-container .swiper-slide:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.35)
}

.swiper-container .slide-content {
    margin: auto auto;
    bottom: 0;
    right: 0;
    left: 0;
    min-height: 100%;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    top: 65%;
    position: absolute;
    z-index: 5
}

.swiper-container .slide-content .title {
    display: block;
    max-width: 960px;
    margin: 0 auto 70px;
    font-size: 44px;
    color: #fff;
    font-weight: 300;
    line-height: 64px
}

.swiper-container .sliderNav {
    position: absolute;
    width: 140px;
    height: 42px;
    left: 50px;
    bottom: 50px;
    z-index: 9
}

.swiper-container .sliderNav .sliderNavBorder {
    border: 1px solid #fff;
    width: 140px;
    height: 42px;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    -ms-border-radius: 42px;
    border-radius: 42px;
    -o-border-radius: 42px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    position: relative;
    color: #fff
}

.swiper-container .sliderNav .sliderNavBorder .nextSlide, .swiper-container .sliderNav .sliderNavBorder .prevSlide {
    position: absolute;
    line-height: 42px;
    height: 42px;
    width: 42px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    z-index: 99
}

.swiper-container .sliderNav .sliderNavBorder .nextSlide.swiper-button-disabled, .swiper-container .sliderNav .sliderNavBorder .prevSlide.swiper-button-disabled {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.swiper-container .sliderNav .sliderNavBorder .nextSlide {
    right: 0
}

.swiper-container .sliderNav .sliderNavBorder .prevSlide {
    left: 0
}

.btn {
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    letter-spacing: .02em;
    outline: none;
    box-shadow: none;
    background-color: transparent;
    font-weight: 400;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease
}

.btn.btn-lg {
    font-size: 20px;
    height: 56px;
    line-height: 46px;
    padding: 0 56px;
    -webkit-border-radius: 56px;
    -moz-border-radius: 56px;
    -ms-border-radius: 56px;
    border-radius: 56px;
    -o-border-radius: 56px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.btn.btn-med {
    font-size: 15px;
    height: 42px;
    line-height: 36px;
    padding: 0 34px;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    -ms-border-radius: 48px;
    border-radius: 48px;
    -o-border-radius: 48px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.btn.btn-tiny {
    font-size: 12px;
    height: 32px;
    line-height: 30px;
    padding: 0 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: table;
    margin: 0 auto;
    text-align: center
}

.btn.btn-tiny.filled {
    background-color: #fff;
    color: #0F4C90
}

.btn:hover, .btn:active, .btn:focus {
    background-color: #fff;
    color: #0F4C90
}

.btn.dark {
    border-color: #0F4C90;
    color: #0F4C90
}

.btn.dark:hover, .btn.dark:active, .btn.dark:focus {
    background-color: transparent;
    color: #3F77B6 !important;
    border-color: #3F77B6 !important
}

.btn.btn-primary {
    border-color: #F18B22;
    color: #F18B22;
    background-color: transparent
}

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
    background-color: transparent;
    color: #eb7e0f !important;
    border-color: #eb7e0f !important
}

.valign-middle {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    height: 30%;
    margin: auto;
    z-index: 1
}

.center-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -khtml-transform: translateY(-50%)
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

#search {
    position: absolute !important;
    max-width: 1440px;
    width: 100%;
    height: 0;
    background-color: transparent;
    z-index: 9;
    margin: auto auto;
    left: 0;
    right: 0;
    top: -100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

#search.active {
    height: 115px;
    z-index: 9;
    top: 40px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#search .container {
    position: relative;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3)
}

#search input {
    position: relative;
    width: 90%;
    display: block;
    outline: none;
    padding: 0;
    border: none;
    height: 115px;
    line-height: 1;
    font-size: 24px;
    background-color: transparent;
    color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    letter-spacing: .02em
}

#search button {
    position: absolute;
    right: 20px;
    top: 30px;
    font-size: 32px;
    border: none;
    background-color: transparent;
    outline: none;
    padding: 6px 11px 9px;
    color: #fff
}

#mobileNav {
    width: 36px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 28px;
    z-index: 2;
    background: transparent;
    border: none;
    outline: none;
    padding: 15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 300ms linear all;
    -o-transition: 300ms linear all;
    -moz-transition: 300ms linear all;
    -webkit-transition: 300ms linear all;
    -ms-transition: 300ms linear all;
    cursor: pointer
}

#mobileNav span {
    display: block;
    position: absolute;
    height: .04em;
    width: 100%;
    background: #0F4C90;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 300ms ease-in-out all;
    -o-transition: 300ms ease-in-out all;
    -moz-transition: 300ms ease-in-out all;
    -webkit-transition: 300ms ease-in-out all;
    -ms-transition: 300ms ease-in-out all
}

#mobileNav span:nth-child(1) {
    top: 0
}

#mobileNav span:nth-child(2) {
    top: 12px
}

#mobileNav span:nth-child(3) {
    top: 24px
}

.site-header.transparent #mobileNav span {
    background-color: #fff
}

.site-header.transparent .topMenu {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1)
}

html.slideout-open #mobileNav span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

html.slideout-open #mobileNav span:nth-child(2) {
    opacity: 0;
    left: -60px
}

html.slideout-open #mobileNav span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.showMobileMenu {
    position: absolute;
    right: 5px;
    top: 7px;
    z-index: 2;
    color: #0F4C90;
    padding: 15px;
    font-size: 32px;
    background: transparent;
    border: none;
    outline: none
}

.slideout-menu {
    position: fixed;
    left: auto;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 256px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-box-shadow: 5px 0 8px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 5px 0 8px rgba(0, 0, 0, 0.15) inset;
    -ms-box-shadow: 5px 0 8px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 5px 0 8px rgba(0, 0, 0, 0.15) inset;
    -o-box-shadow: 5px 0 8px rgba(0, 0, 0, 0.15) inset;
    background-color: #0F4C90
}

.slideout-panel {
    position: relative;
    z-index: 1
}

.slideout-open, .slideout-open body, .slideout-open .slideout-panel {
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.slideout-open .slideout-menu {
    display: block
}

#TobbSideMenu .TobbSideMenu__wrap {
    margin-bottom: 42px
}

#TobbSideMenu .mobileMenuSearch {
    position: relative;
    height: 50px;
    overflow: hidden
}

#TobbSideMenu .mobileMenuSearch input {
    width: 193px;
    margin: 10px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 34px;
    font-size: 13px;
    border: none;
    outline: none;
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

#TobbSideMenu .mobileMenuSearch input.mobileSearchTxt:not(:valid) ~ .close-icon {
    display: none
}

#TobbSideMenu .mobileMenuSearch button.mobileSearchBtn {
    position: absolute;
    left: 18px;
    font-size: 14px;
    top: 16px;
    color: #000;
    z-index: 1;
    background-color: transparent;
    border: none
}

#TobbSideMenu .mobileMenuSearch button.mobileResetBtn {
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer
}

#TobbSideMenu .mobileMenuSearch button.mobileResetBtn:after {
    content: "\f10d";
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 3px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    -o-border-radius: 16px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    line-height: 10px;
    text-align: center;
    color: #aaa;
    font-size: 8px;
    cursor: pointer
}

#TobbSideMenu .mobileMenuHeader {
    display: block;
    padding: 0 20px;
    position: relative;
    height: 34px;
    line-height: 36px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.64);
    letter-spacing: .3em;
    background-color: rgba(0, 0, 0, 0.1)
}

#TobbSideMenu .mobileMenuHeader:after {
    top: 34px;
    left: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(9, 54, 115, 0);
    border-top-color: rgba(0, 0, 0, 0.1);
    border-width: 6px;
    margin-left: -6px
}

#TobbSideMenu .mobileMenuList {
    display: block;
    position: relative
}

#TobbSideMenu .mobileMenuList .mobileMenuList__item {
    display: block;
    position: relative
}

#TobbSideMenu .mobileMenuList .mobileMenuList__item .mobileMenuList__link {
    display: block;
    position: relative;
    font-size: 13px;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    outline: none;
    letter-spacing: .04em;
    color: #fff
}

#TobbSideMenu .mobileMenuList__lang {
    position: relative;
    background-color: transparent
}

#TobbSideMenu .mobileMenuList__lang a {
    color: #fff;
    height: 42px;
    line-height: 42px;
    letter-spacing: .04em;
    display: block;
    padding: 0 20px;
    position: relative
}

#TobbSideMenu .mobileMenuList__lang a i {
    top: -3px;
    width: 24px;
    padding-right: 34px
}

#TobbSideMenu .mobileMenuList__lang a i:before {
    background-size: 24px;
    width: 24px;
    height: 24px
}

.tableHeader, .wysi-icerik .tableHeader {
    background-color: #FEFAF0;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ddd;
    border-bottom: none;
    overflow: hidden;
    clear: both;
    font-size: 12px;
    padding: 0 10px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.04);
    letter-spacing: .04em
}

.tableHeader:first-child, .wysi-icerik .tableHeader:first-child {
    border-top-width: 1px
}

.tableFooter {
    background-color: #F3F3F3
}

.tableFooter td {
    border: none !important;
    font-weight: 400;
    letter-spacing: .02em
}

.tableOrtakEgitim {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.tableOrtakEgitim td {
    vertical-align: middle !important;
    background: transparent url("/views/etu/assets/img/blank_table_bg.png") repeat-x;
    height: 160px
}

.breadcrumb {
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.breadcrumb__child {
    list-style: none
}

.breadcrumb__child:last-child span {
    font-size: 14px;
    display: inline-block;
    height: 36px;
    line-height: 37px;
    position: relative;
    margin-right: 0;
    color: #000;
    pointer-events: none
}

.breadcrumb__item {
    font-size: 14px;
    display: inline-block;
    height: 36px;
    line-height: 37px;
    position: relative;
    margin-right: 30px;
    color: #0F4C90
}

.breadcrumb__item:hover, .breadcrumb__item:active, .breadcrumb__item:focus {
    color: #3F77B6
}

.breadcrumb__item:after {
    position: absolute;
    left: 100%;
    top: 0;
    line-height: 40px !important;
    padding-left: 13px;
    font-size: 9px;
    color: rgba(0, 0, 0, 0.5);
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f13c"
}

.breadcrumb__item--title {
    letter-spacing: .02em
}

.breadcrumb__child {
    display: inline-block;
    position: relative
}

.hotnews {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 1
}

.hotnews:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0);
    height: 140px;
    width: 100%;
    left: 0;
    top: -40px;
    position: absolute;
    content: ""
}

.hotnews.inline {
    position: relative;
    top: 0;
    margin-bottom: 25px
}

.hotnews.inline:before {
    display: none
}

.hotnews__text {
    display: block;
    position: relative;
    width: 175px;
    height: 36px;
    line-height: 38px;
    font-size: 0.575em;
    letter-spacing: 0.4em;
    color: #F18B22;
    margin: 0 auto;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    -ms-border-radius: 36px;
    border-radius: 36px;
    -o-border-radius: 36px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    padding: 0 15px
}

.hotnews__text:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f122";
    color: #F18B22;
    display: inline-block;
    padding-right: 5px;
    font-size: 16px;
    line-height: 1;
    position: relative;
    top: 1px
}

.page-header {
    position: relative;
    clear: both;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.page-header .container {
    position: relative;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.page-header__item {
    font-size: 22px;
    line-height: 46px;
    height: 46px;
    letter-spacing: .02em;
    display: inline-block;
    font-weight: 400;
    padding-left: 0;
    position: relative;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-delay: .0s;
    -moz-transition-delay: .0s;
    -o-transition-delay: .0s;
    transition-delay: .0s
}

.page-header__item:before {
    content: "";
    position: absolute;
    left: -20px;
    visibility: hidden;
    top: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background: transparent url("/views/etu/assets/img/tobb_etu_logo.png") left center no-repeat;
    background-size: 26px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-delay: .0s;
    -moz-transition-delay: .0s;
    -o-transition-delay: .0s;
    transition-delay: .0s
}

.page-header.is_stuck {
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.95);
    height: 48px;
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1)
}

.page-header.is_stuck .container {
    max-width: 100%;
    width: 100%
}

.page-header.is_stuck .page-header__item {
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    padding-left: 35px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .05s;
    -o-transition-delay: .05s;
    transition-delay: .05s
}

.page-header.is_stuck .page-header__item:before {
    top: 0;
    left: -5px;
    line-height: 48px;
    height: 48px;
    visibility: visible;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.page-header.is_stuck #sharePage {
    padding-top: 10px
}

.page-sub-header {
    font-size: 20px !important;
    line-height: 40px;
    height: 42px;
    letter-spacing: .02em;
    display: inline-block;
    padding-left: 0;
    font-weight: 500;
    position: relative
}

.page-sub-header__desc {
    display: block;
    padding-bottom: 15px
}

.page-sub-header.block {
    display: block;
    width: 100%;
    clear: both;
    padding: 10px 0;
    height: auto
}

.tobbFooter {
    background-color: #3a4148;
    overflow: hidden;
    position: relative
}

@media (max-width: 767px) {
    .tobbFooter {
        padding-bottom: 64px
    }
}

.tobbFooter.fullHeight {
    margin-top: 320px
}

.tobbFooter .container-fluid {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    clear: both;
    overflow: hidden
}

.tobbFooter__header {
    display: block;
    font-size: 16px;
    letter-spacing: .02em;
    color: #fff;
    padding: 10px 0 0;
    font-weight: 300
}

@media (min-width: 62.01em) {
    .tobbFooter__header {
        pointer-events: none
    }
}

.tobbFooter__header i {
    font-size: 32px
}

.tobbFooter__address {
    display: block;
    color: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    font-style: normal;
    font-size: 13px;
    line-height: 20px;
    padding-top: 10px
}

.tobbFooter__link {
    display: block;
    position: relative;
    padding: 15px 0
}

.tobbFooter__link--item {
    display: block;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: .02em;
    margin-bottom: 5px
}

.tobbFooter__link--item a {
    color: #DBDCDE;
    position: relative
}

.tobbFooter__link--item a:hover, .tobbFooter__link--item a:active {
    color: #fff
}

.tobbFooter__link--item a.new:after {
    content: attr(data-text);
    position: relative;
    margin-left: 8px;
    font-size: 7px;
    letter-spacing: .15em;
    font-weight: 500;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #F18B22;
    color: #fff;
    line-height: 14px;
    padding: 0 3px;
    top: -2px;
    display: inline-block;
    height: 12px
}

.tobbFooter__link--text {
    display: block;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: .02em;
    margin-bottom: 5px;
    color: #DBDCDE
}

.tobbFooter__link--text b {
    width: 15px;
    display: inline-block;
    letter-spacing: .1em
}

.tobbFooter__link--text a {
    color: #fff
}

.tobbFooter__link--text a:hover, .tobbFooter__link--text a:active {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tobbFooter__social {
    position: relative
}

.tobbFooter__social a {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    color: #fff;
    filter: alpha(opacity=65);
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65
}

.tobbFooter__social a:hover, .tobbFooter__social a:active {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tobbFooter__social a:first-child {
    margin-left: 0
}

.tobbFooter__social a:nth-child(4) {
    font-size: 15px
}

.tobbFooter__social a.ortam__social i {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 21px;
    background: url(/views/etu/assets/img/_icons/ortam_icon.png?v=1.0);
    background: url(/views/etu/assets/img/_icons/ortam_icon_2x.svg?v=1.0), linear-gradient(transparent, transparent);
    background-size: 14px !important;
    background-color: transparent;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 10px
}

@media (max-width: 1199px) {
    .tobbFooter__social a.ortam__social i {
        height: 18px;
        top: 7px
    }
}

.page-sub-small_info {
    display: block;
    padding: 20px 0 0;
    font-size: 14px;
    color: #666;
    letter-spacing: .02em;
    line-height: 19px
}

.shareBox {
    position: relative;
    height: 48px;
    vertical-align: middle;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 5px 30px rgba(0, 0, 0, 0);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 5px 30px rgba(0, 0, 0, 0)
}

.shareBox .haber_paylas {
    line-height: 48px;
    letter-spacing: .3em;
    font-size: 13px;
    display: inline-block;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.shareBox .haber_paylas:before {
    content: "";
    position: absolute;
    left: -20px;
    visibility: hidden;
    top: 7px;
    width: 26px;
    height: 26px;
    background: transparent url("/views/etu/assets/img/tobb_etu_logo.png") left center no-repeat;
    background-size: 26px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-delay: .0s;
    -moz-transition-delay: .0s;
    -o-transition-delay: .0s;
    transition-delay: .0s
}

.shareBox #sharePage {
    position: absolute
}

.shareBox.is_stuck {
    width: 100% !important;
    left: 0;
    right: 0;
    max-width: 100%;
    z-index: 9;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1)
}

.shareBox.is_stuck .haber_paylas {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.shareBox.is_stuck span:after {
    content: attr(data-haber);
    position: relative;
    letter-spacing: .02em;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 120%;
    font-weight: 400;
    margin-left: 35px
}

.shareBox.is_stuck span:before {
    top: 0;
    left: 15px;
    line-height: 48px;
    height: 48px;
    visibility: visible;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.shareBox.is_stuck span b {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    display: none
}

.shareBox.is_stuck #sharePage {
    right: 20px
}

.shareBox.is_stuck #sharePage:before {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    position: absolute;
    width: 200%;
    right: 0;
    top: 0;
    height: 45px;
    content: ""
}

.shareBtn {
    position: relative;
    display: inline-block;
    height: 22px;
    line-height: 21px;
    font-size: 11px;
    color: #fff;
    top: 2px;
    padding: 0 10px 0 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    letter-spacing: .05em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: 3px
}

.shareBtn:first-child {
    margin-left: 0
}

.shareBtn:active {
    -webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2)
}

.shareBtn:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 6px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    height: 21px
}

.shareBtn.fb {
    text-shadow: 0 -1px 0 #354c8c;
    background-color: #4c69ba
}

.shareBtn.fb:before {
    content: "\f117"
}

.shareBtn.google {
    color: #000;
    background-color: #e6e6e6
}

.shareBtn.google:active {
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.shareBtn.google:before {
    content: "\f119";
    color: #db4437;
    background-color: rgba(0, 0, 0, 0.04)
}

.shareBtn.linkedin {
    background-color: #0077b5;
    text-shadow: 0 -1px #005887
}

.shareBtn.linkedin:before {
    content: "\f129";
    padding: 5px 6px 7px
}

.shareBtn.tweet {
    background-color: #1b95e0
}

.shareBtn.tweet:before {
    content: "\f145"
}

.news {
    position: relative
}

.news .news__item {
    position: relative;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    height: 200px;
    overflow: hidden
}

.news .news__item:hover .news__item__header {
    color: #3F77B6
}

.news .news__item:hover .news__item__link {
    background-color: #FBFBFB;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.news .news__item .news__item__link {
    display: block;
    position: relative;
    width: 97%;
    height: 185px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin: 10px
}

.news .news__item.featured .news__item__link {
    height: 300px
}

.news .news__item.featured .news__item__header {
    font-size: 24px;
    line-height: 36px
}

.news .news__item.featured.withImage .news__item__header {
    font-size: 24px;
    line-height: 36px
}

.news .news__item .news__item__position {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    position: absolute;
    padding: 0 30px
}

.news .news__item .news__item__time {
    font-size: 10px;
    letter-spacing: .1em;
    color: #aaa;
    display: block;
    margin-bottom: 5px;
    position: relative
}

.news .news__item .news__item__header {
    color: #0F4C90;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    font-weight: 300
}

.news .news__item.hot .news__item__time:before {
    content: "\f122";
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    color: #F18B22;
    line-height: 0;
    font-size: 13px;
    padding-right: 6px
}

.news .news__item.withImage {
    border-color: transparent
}

.news .news__item.withImage.featured .news__item__link {
    height: 420px
}

.news .news__item.withImage .news__item__link:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 65%;
    content: "";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    z-index: 1
}

.news .news__item.withImage .news__item__position {
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    z-index: 2;
    width: 100%;
    padding: 20px
}

.news .news__item.withImage .news__item__time {
    color: rgba(255, 255, 255, 0.7)
}

.news .news__item.withImage .news__item__header {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.news .news__item.withImage .news__item__image {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto auto;
    top: 0;
    bottom: 0
}

.news .news__item.withImage .news__item__image img {
    display: block;
    width: 100%;
    height: auto
}

.news .news__item .gazeteIcon {
    position: absolute;
    left: 20px;
    top: 20px;
    max-width: 20px
}

.haber_icerik {
    padding: 20px 0
}

.haber_alt {
    position: relative;
    margin: 50px auto 10px
}

.haber_alt__bilgi {
    position: relative;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd
}

.haber_alt__bilgi time {
    font-size: 12px;
    letter-spacing: .2em;
    color: #aaa;
    height: 48px;
    font-weight: 300;
    display: inline-block;
    border-right: 1px solid #ddd;
    padding: 0 30px 0 0;
    line-height: 52px
}

.haber_alt__bilgi ul {
    display: inline-block;
    padding-left: 10px;
    height: 48px
}

.haber_alt__bilgi ul li {
    display: inline-block;
    margin-left: 10px;
    line-height: 50px;
    font-size: 14px
}

.haber_alt__bilgi ul li a {
    color: #0F4C90
}

.haber_alt__bilgi ul li a:hover, .haber_alt__bilgi ul li a:focus {
    color: #3F77B6
}

.haber_alt .page-sub-header {
    text-align: center;
    padding: 20px 0;
    font-weight: 500
}

.featured_header {
    height: 600px;
    width: 100%;
    position: relative;
    overflow: hidden
}

.featured_header.withImage .featured_header__detail__large_text, .featured_header.withImage .featured_header__detail__xlarge_text {
    color: #fff
}

.featured_header.withImage .featured_header__detail__time, .featured_header.withImage .featured_header__detail__sub_info {
    color: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.featured_header.withImage:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 80%;
    content: "";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    position: absolute;
    bottom: 0;
    width: 100%;
    content: "";
    z-index: 1
}

.featured_header.withImage:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    background: transparent url("/views/etu/assets/img/pixelate.png?v=1.0.1") center center repeat;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1
}

.featured_header.withImage.inside {
    height: 300px
}

.featured_header.withImage.inside:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 80%;
    content: "";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    position: absolute;
    bottom: 0;
    width: 100%;
    content: "";
    z-index: 1
}

.featured_header.withImage.inside:after {
    background-color: rgba(0, 0, 0, 0.2)
}

.featured_header.inside {
    height: 340px
}

.featured_header.inside .hotnews__text {
    background-color: rgba(239, 175, 23, 0.07)
}

.featured_header.inside.withImage .hotnews__text {
    background-color: rgba(0, 0, 0, 0.2)
}

.featured_header.inside .featured_header__detail__time {
    padding: 15px 0
}

.featured_header.inside .gazeteIcon {
    position: relative;
    z-index: 33;
    left: 0;
    right: 0;
    top: 20px;
    margin: auto auto 25px;
    max-width: 30px
}

.featured_header__detail {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    text-align: center;
    z-index: 3;
    max-width: 990px;
    padding: 0 20px;
    margin: auto auto
}

.featured_header__detail__large_text {
    font-size: 32px;
    line-height: 42px;
    display: block;
    padding: 10px 0;
    font-weight: 300;
    letter-spacing: .015em;
    color: #0F4C90
}

.featured_header__detail__xlarge_text {
    font-size: 44px;
    line-height: 64px;
    display: block;
    padding: 10px 0;
    font-weight: 300;
    letter-spacing: .02em;
    color: #0F4C90
}

.featured_header__detail__time {
    font-size: 14px;
    display: block;
    text-align: center;
    font-style: normal;
    letter-spacing: .2em;
    padding: 15px 0 50px;
    color: #aaa;
    font-weight: 300
}

.featured_header__detail__sub_info {
    font-size: 20px;
    display: block;
    text-align: center;
    font-style: normal;
    letter-spacing: .2em;
    padding: 15px 0 50px;
    color: #aaa;
    font-weight: 300
}

.featured_header__detail__sub_info.moreText {
    letter-spacing: .06em;
    line-height: 32px
}

.headerWith_Sort {
    position: relative
}

.headerWith_Sort .list_or_gallery {
    right: 0;
    top: 12px
}

.headerWith_Sort .sortItems {
    position: relative;
    display: inline-block;
    margin-right: 25px
}

.headerWith_Sort .sortItems select {
    width: 110%;
    background-size: 10px;
    line-height: 34px;
    font-size: 14px;
    margin-bottom: 0;
    background-position: 97% center
}

.headerWith_Sort .sortItems span {
    top: 3px
}

.kadro {
    position: relative;
    clear: both;
    margin: 0 auto 15px;
    display: block;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.kadro__list {
    position: relative;
    border: 1px solid #ddd;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    max-width: 195px;
    display: inline-block;
    height: 100%
}

.kadro__list:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.kadro__list img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto
}

.kadro__list strong {
    display: block;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 10px 0 10px;
    font-size: 14px;
    letter-spacing: .02em
}

.kadro__list em {
    font-style: normal;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    display: block;
    letter-spacing: .02em;
    padding: 0 10px 10px
}

.etu_form.iletisim {
    padding: 25px 20px;
    background-color: #FBFBFB;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.04)
}

.etu_form.iletisim button {
    display: block;
    width: 100%;
    margin: 25px auto 0
}

.etu_form input[type="text"], .etu_form input[type="tel"], .etu_form input[type="search"], .etu_form input[type="email"], .etu_form input[type="password"], .etu_form textarea {
    padding: 0 12px;
    line-height: 42px;
    color: #000;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    outline: none;
    margin-bottom: 15px;
    width: 100%;
    display: block;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.etu_form input[type="text"]:hover, .etu_form input[type="text"]:active, .etu_form input[type="text"]:focus, .etu_form input[type="tel"]:hover, .etu_form input[type="tel"]:active, .etu_form input[type="tel"]:focus, .etu_form input[type="search"]:hover, .etu_form input[type="search"]:active, .etu_form input[type="search"]:focus, .etu_form input[type="email"]:hover, .etu_form input[type="email"]:active, .etu_form input[type="email"]:focus, .etu_form input[type="password"]:hover, .etu_form input[type="password"]:active, .etu_form input[type="password"]:focus, .etu_form textarea:hover, .etu_form textarea:active, .etu_form textarea:focus {
    border-color: #0F4C90
}

.etu_form input[type="text"]:focus, .etu_form input[type="tel"]:focus, .etu_form input[type="search"]:focus, .etu_form input[type="email"]:focus, .etu_form input[type="password"]:focus, .etu_form textarea:focus {
    -webkit-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -moz-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -ms-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -o-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25)
}

.etu_form input[type="checkbox"] {
    position: relative;
    margin-right: 5px
}

.etu_form textarea {
    line-height: 24px;
    padding: 12px;
    resize: vertical;
    height: 183px
}

.etu_form label {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 18px;
    font-weight: 500
}

.etu_form label a {
    color: #0F4C90
}

.etu_form label a:hover, .etu_form label a:focus {
    color: #3F77B6
}

.etu_form label a:active {
    color: #7FAFE4
}

.etu_form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("/views/etu/assets/img/_icons/select_arrow.png") no-repeat 96% center;
    background-size: 8px;
    width: 100%;
    text-indent: 0.01px;
    text-overflow: "";
    color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    padding: 0 12px;
    line-height: 42px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -o-box-shadow: none;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    outline: none;
    height: 44px
}

.etu_form select:hover, .etu_form select:active, .etu_form select:focus {
    border-color: #0F4C90;
    color: #000
}

.etu_form select:focus {
    -webkit-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -moz-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -ms-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -o-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25)
}

.etu_form select.small {
    line-height: 38px;
    background: #fff url("/views/etu/assets/img/_icons/select_arrow.png") no-repeat 95% center;
    background-size: 8px;
    font-size: 14px;
    height: 38px
}

.etu_form option[disabled="disabled"], .etu_form option[selected="selected"] {
    color: #ccc
}

.loading_more {
    clear: both;
    padding: 10px;
    text-align: center;
    height: 135px;
    vertical-align: middle;
    position: relative
}

.loading_more .btn {
    position: relative;
    top: 35px
}

.loading_more img {
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 100px;
    width: 100%;
    height: auto;
    position: relative;
    top: 10px
}

.pageClearHeight {
    position: relative;
    height: 50px
}

.gridder-show {
    display: block;
    float: left;
    width: 99.5%;
    min-height: 420px;
    position: relative;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    border: 1px solid #ddd;
    margin-left: -6px;
    margin-top: 0;
    margin-bottom: 10px
}

.gridder-show .gridder-padding {
    padding: 20px 60px;
    position: relative;
    overflow: hidden
}

.gridder-show .gridder-navigation .gridder-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    font-size: 20px;
    color: #0F4C90
}

.gridder-show .gridder-navigation .gridder-close:hover {
    color: #3F77B6
}

.gridder-show .gridder-navigation .gridder-nav {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    color: #0F4C90;
    font-size: 32px
}

.gridder-show .gridder-navigation .gridder-nav:hover {
    color: #3F77B6
}

.gridder-show .gridder-navigation .gridder-nav.next {
    right: 10px
}

.gridder-show .gridder-navigation .gridder-nav.prev {
    left: 10px
}

.gridder-show .gridder-navigation .gridder-nav.disabled {
    color: #666;
    filter: alpha(opacity=25);
    -moz-opacity: .25;
    -khtml-opacity: .25;
    opacity: .25;
    cursor: default
}

.accordion_content {
    position: relative;
    border: 1px solid #ddd;
    border-bottom: none;
    background-color: #FBFBFB;
    margin-bottom: 10px
}

.accordion_content__item {
    display: block;
    position: relative
}

.accordion_content__item__link {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    display: block;
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

.accordion_content__item__link:before {
    position: absolute;
    right: 20px;
    top: 0;
    color: #0F4C90;
    line-height: 50px !important;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f13d"
}

.accordion_content__item__link--header {
    font-size: 18px;
    letter-spacing: .02em;
    color: #0F4C90;
    cursor: pointer
}

.accordion_content__item__link--header i {
    padding-right: 5px;
    display: inline-block;
    position: relative
}

.accordion_content__item__block {
    padding: 10px 20px 20px;
    position: relative;
    overflow: hidden;
    display: none;
    border-bottom: 1px solid #ddd;
    max-height: 400px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.accordion_content.no-print table {
    width: 100%
}

.accordion_content.no-print td, .accordion_content.no-print th {
    width: auto
}

.accordion_content.no-accord {
    background-color: #fff;
    padding-bottom: 20px;
    border: 1px solid #e1e6ec !important
}

.accordion_content.no-accord .etu-table th {
    width: 35%;
    font-size: 14px
}

.accordion_content.no-accord .etu-table th:last-child, .accordion_content.no-accord .etu-table td:last-child {
    text-align: right
}

.accordion_content.no-accord .accordion_content__item__block {
    display: block;
    max-height: none;
    padding: 0 20px;
    font-size: 20px;
    border-bottom: none
}

.accordion_content.no-accord .st-head-row.st-head-row-main {
    display: none
}

.accordion_content.no-accord .st-head-row {
    text-align: center !important
}

.accordion_content.no-accord tr.tableFooter td.st-key {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.accordion_content.no-accord tr.tableFooter td.st-val {
    text-align: left;
    border-left-color: transparent;
    background-color: #f3f3f3 !important;
    padding-left: 0
}

.accordion_content.no-accord .accordion_content__item__link {
    border-top: 1px solid #e1e6ec;
    margin: 20px 0 0;
    background-color: #EFF5FC
}

.accordion_content.no-accord .accordion_content__item__link.scroll-to-fixed-fixed {
    margin: 0 auto !important
}

.accordion_content.no-accord .accordion_content__item__link:before {
    display: none
}

.accordion_content.no-accord .accordion_content__item__link.first--item {
    margin-top: 0;
    border-top: none
}

.accordion_content.no-accord .accordion_content__item__link--header {
    cursor: default;
    font-weight: 700 !important;
    text-align: center;
    text-transform: uppercase;
    color: #0F4C90
}

.accordion_content.no-accord h3.tableHeader {
    margin: 20px 0 0;
    text-align: center;
    height: 42px;
    line-height: 42px;
    letter-spacing: .074em;
    font-size: 14px
}

.wysi-icerik .accordion_content__item__link--header {
    font-size: 18px;
    cursor: pointer;
    line-height: 52px
}

.accordion_content__item__link.active {
    background-color: transparent;
    border-bottom-color: transparent
}

.accordion_content__item__link.active:before {
    content: "\f12f"
}

.accordion_content__item__link.active .accordion_content__item__link--header {
    font-weight: 400
}

.accordion_content__item__block.open {
    display: block
}

.subFooter {
    background-color: rgba(0, 0, 0, 0.1);
    position: relative;
    clear: both;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 40px;
    z-index: 9
}

.subFooter .container-fluid {
    padding-top: 0;
    padding-bottom: 0
}

.subFooter__copyright {
    font-size: 12px;
    letter-spacing: .02em;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    filter: alpha(opacity=65);
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65
}

.subFooter__horato {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    letter-spacing: .02em;
    color: #a6a6a6
}

.subFooter__horato a {
    filter: alpha(opacity=65);
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65;
    color: #fff;
    text-decoration: none;
    outline: none;
    position: relative;
    padding: 0 2px
}

.subFooter__horato a:hover, .subFooter__horato a:active {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.header_kutu {
    font-size: 12px;
    letter-spacing: .2em;
    display: inline-block
}

.subNotes {
    clear: both;
    margin-top: 30px
}

.subNotes strong {
    display: block;
    font-size: 10px;
    letter-spacing: .06em;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd
}

.subNotes ol li {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    letter-spacing: .02em;
    line-height: 20px
}

.blockBox {
    position: relative;
    margin: 10px 0;
    padding-bottom: 0
}

.blockBox.withTwo {
    padding-left: 0;
    padding-right: 0;
    max-width: 49%;
    margin-left: 2%
}

.blockBox.withDesc .blockBox__item__link {
    padding: 30px 10px 30px 90px;
    text-align: left
}

.blockBox.withDesc .blockBox__item__link:hover .blockBox__item__link__header:before {
    left: 115%
}

.blockBox.withDesc .blockBox__item__link__header {
    line-height: 28px
}

.blockBox.withDesc .blockBox__item__link i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    position: absolute;
    left: 20px
}

.blockBox.withDesc .blockBox__item__link__header:before {
    left: 110%;
    line-height: 34px
}

.blockBox__item {
    position: relative;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff
}

.blockBox__item__link {
    padding: 25px 15px;
    display: block;
    text-align: center;
    position: relative;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.blockBox__item__link__header {
    font-size: 18px;
    line-height: 1;
    letter-spacing: .02em;
    position: relative;
    vertical-align: middle;
    color: #0F4C90;
    padding-left: 5px
}

.blockBox__item__link__header:before {
    position: absolute;
    left: 105%;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: 56px;
    content: "\f13d";
    color: #0F4C90;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.blockBox__item__link.active {
    background-color: #FBFBFB;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    text-align: left
}

.blockBox__item__link.active i {
    display: none
}

.blockBox__item__link.active .blockBox__item__link__header {
    display: block;
    font-weight: 400
}

.blockBox__item__link.active .blockBox__item__link__header:before {
    content: "\f12f";
    left: 95%;
    top: 0;
    line-height: 24px
}

.blockBox__item__link.active:hover .blockBox__item__link__header:before {
    left: 95%;
    top: 0;
    line-height: 24px
}

.blockBox__item__link__desc {
    font-size: 14px;
    letter-spacing: .02em;
    color: #aaa;
    line-height: 20px;
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block;
    padding-left: 5px
}

.blockBox__item__link i {
    left: 0;
    top: 0;
    font-size: 50px;
    line-height: 1;
    color: #0F4C90;
    position: relative;
    vertical-align: middle
}

.blockBox__item__link:hover {
    background-color: #FBFBFB;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.blockBox__item__link:hover .blockBox__item__link__header:before {
    left: 110%;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.small_table {
    position: absolute;
    display: none;
    padding: 20px;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100.4%;
    background: #fff;
    z-index: 9;
    border: 1px solid #eee;
    left: -1px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 40px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.06)
}

.small_table .footable td {
    font-size: 13px
}

.subBlocks {
    position: relative;
    margin: 30px auto;
    padding: 10px 0;
    border-top: 1px solid #ddd
}

.subBlocks h2, .subBlocks h3, .subBlocks h4, .subBlocks h5, .subBlocks h6 {
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
    letter-spacing: .02em
}

.subBlocks p {
    font-size: 14px;
    line-height: 22px
}

.iletisimBox address {
    position: relative;
    font-style: normal;
    line-height: 24px;
    letter-spacing: .02em
}

.iletisimBox ul {
    display: block;
    position: relative;
    padding-top: 5px
}

.iletisimBox ul li {
    display: block;
    line-height: 32px;
    font-size: 14px;
    letter-spacing: .02em;
    position: relative
}

.iletisimBox ul li strong {
    display: inline-block;
    width: 15px;
    font-weight: 400
}

.iletisimBox ul li a {
    color: #0F4C90
}

.iletisimBox ul li a:hover, .iletisimBox ul li a:focus {
    color: #3F77B6
}

.iletisimBox ul li a:active {
    color: #7FAFE4
}

.tlSymbol {
    font-weight: 300
}

.wysi-icerik {
    position: relative;
    padding: 15px 0
}

.wysi-icerik blockquote {
    font-size: 20px;
    line-height: 34px;
    color: #000;
    padding: 30px 50px;
    letter-spacing: .02em
}

.wysi-icerik blockquote p {
    font-size: inherit;
    line-height: inherit;
    padding-bottom: 0;
    display: inline
}

.wysi-icerik blockquote:before {
    color: #ddd;
    content: "\201C";
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em
}

.wysi-icerik hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    margin: 20px auto 30px;
    display: block;
    clear: both
}

.wysi-icerik p {
    font-size: 16px;
    line-height: 28px;
    display: block;
    padding-bottom: 15px;
    letter-spacing: .02em
}

.wysi-icerik p hr {
    border: 0;
    height: 1px;
    display: inline-block;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    margin: 15px 20px
}

.wysi-icerik p blockquote {
    color: #000;
    padding: 15px 20px;
    letter-spacing: .02em
}

.wysi-icerik p blockquote:before {
    color: #ddd;
    content: open-quote;
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.3em
}

.wysi-icerik p.altBilgi {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0 20px
}

.wysi-icerik p strong, .wysi-icerik p b {
    font-weight: 500;
    padding: 0
}

.wysi-icerik p a {
    color: #0F4C90
}

.wysi-icerik p em {
    font-style: italic
}

.wysi-icerik h1, .wysi-icerik h2 {
    display: block;
    padding: 0 0 15px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: .02em
}

.wysi-icerik h3, .wysi-icerik h4, .wysi-icerik h5, .wysi-icerik h6 {
    display: block;
    padding: 10px 0;
    font-size: 19px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: .02em
}

.wysi-icerik h3.withRibbon, .wysi-icerik h4.withRibbon, .wysi-icerik h5.withRibbon, .wysi-icerik h6.withRibbon {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
    margin-bottom: 10px
}

.wysi-icerik h3.withRibbon.noBorder, .wysi-icerik h4.withRibbon.noBorder, .wysi-icerik h5.withRibbon.noBorder, .wysi-icerik h6.withRibbon.noBorder {
    padding-bottom: 0;
    border-bottom: none
}

.wysi-icerik h3.withRibbon:before, .wysi-icerik h4.withRibbon:before, .wysi-icerik h5.withRibbon:before, .wysi-icerik h6.withRibbon:before {
    position: relative;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px;
    content: "\f13a";
    font-size: 90%;
    top: -1px
}

.wysi-icerik img.photo {
    margin: 2px 30px 10px 30px;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ddd
}

.wysi-icerik .yardimPhoto img {
    margin: 10px 0;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ddd
}

.wysi-icerik ol {
    padding-left: 0;
    margin: 15px 0 15px 15px
}

.wysi-icerik ol li {
    list-style: inherit;
    margin-top: 6px;
    line-height: 24px
}

.wysi-icerik ol li a {
    color: #0F4C90
}

.wysi-icerik ol li a:hover, .wysi-icerik ol li a:focus {
    color: #3F77B6
}

.wysi-icerik ol li a:active {
    color: #7FAFE4
}

.wysi-icerik ul {
    list-style: disc;
    padding: 0 0 15px;
    margin: 15px 0 15px 15px
}

.wysi-icerik ul li {
    display: list-item;
    list-style: disc;
    margin-top: 6px;
    line-height: 24px
}

.wysi-icerik ul li a {
    color: #0F4C90
}

.wysi-icerik ul li a:hover, .wysi-icerik ul li a:focus {
    color: #3F77B6
}

.wysi-icerik ul li a:active {
    color: #7FAFE4
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pace.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #F18B22;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.75), 0 0 10px #fff;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}

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

.tabs__title {
    padding: 0 30px;
    border: 1px solid transparent;
    color: #0F4C90;
    float: left;
    line-height: 60px;
    height: 62px;
    letter-spacing: .02em;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    font-weight: 400;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.tabs__title:hover, .tabs__title:focus {
    color: #3F77B6
}

.tabs__title.active {
    border-color: #ddd;
    border-bottom-color: #fff
}

.tabs__title.active:after {
    position: absolute;
    top: 97%;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #fff;
    content: "";
    z-index: 1
}

.tabs__title.active:hover, .tabs__title.active:focus {
    color: #0F4C90
}

.tabs__content {
    float: right;
    border-top: 1px solid #ddd;
    width: 100%;
    margin: 59px 0 0 -100%;
    padding: 10px 0;
    background: #fff
}

.tabs.withInner_text .tabs__content P {
    font-size: 18px;
    line-height: 30px;
    display: block;
    padding: 8px 15px 15px 25px;
    letter-spacing: .02em
}

.tabs.withInner_text .tabs__content P strong, .tabs.withInner_text .tabs__content P b, .tabs.withInner_text .tabs__content P em {
    display: block;
    font-style: normal;
    line-height: 26px
}

.tabs.withInner_text .tabs__content P strong {
    font-weight: 400
}

.tabs.withInner_text .tabs__content P b, .tabs.withInner_text .tabs__content P em {
    font-size: 16px;
    color: #666
}

.fourzerofour {
    padding: 50px 30px 250px;
    margin: 0 auto;
    text-align: center
}

.fourzerofour .compass {
    width: 300px;
    height: 300px;
    background-color: #F3F3F3;
    border-radius: 100%;
    position: relative;
    margin: 0 auto 25px
}

.fourzerofour .compass .compass-inner {
    width: 240px;
    height: 240px;
    background-color: #575F69;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    position: relative;
    left: 27.5px;
    top: 27.5px;
    border: 3px solid rgba(197, 197, 197, 0.84)
}

.fourzerofour .compass .compass-inner .main-arrow {
    height: 100%;
    position: relative;
    left: 108px;
    width: 20px;
    padding-top: 21px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    animation: compass-spin 2.5s alternate infinite;
    -o-animation: compass-spin 2.5s alternate infinite;
    -moz-animation: compass-spin 2.5s alternate infinite;
    -webkit-animation: compass-spin 2.5s alternate infinite
}

.fourzerofour .compass .compass-inner .arrow-up {
    width: 0;
    height: 0;
    border-bottom: 82.5px solid #FBFBFB;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent;
    position: relative
}

.fourzerofour .compass .compass-inner .arrow-down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    width: 0;
    height: 0;
    border-bottom: 82.5px solid #B22029;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent;
    position: relative
}

.fourzerofour .compass .compass-inner .north, .fourzerofour .compass .compass-inner .east, .fourzerofour .compass .compass-inner .west, .fourzerofour .compass .compass-inner .south {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.fourzerofour .compass .compass-inner .north {
    left: 110px;
    top: 15px
}

.fourzerofour .compass .compass-inner .east {
    left: 200px;
    top: 105px
}

.fourzerofour .compass .compass-inner .west {
    left: 15px;
    top: 110px
}

.fourzerofour .compass .compass-inner .south {
    left: 110px;
    top: 190px
}

.fourzerofour h1 {
    display: block;
    font-size: 44px;
    line-height: 60px
}

.fourzerofour p {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: .02em;
    padding: 10px 0 50px;
    display: block
}

.fourzerofour button {
    margin: 0 15px
}

.fourzerofour button:last-child {
    background-color: #FBFBFB;
    border-color: #ddd;
    color: #aaa
}

#cd-google-map {
    position: relative;
    height: 400px
}

#google-container {
    height: 400px
}

#cd-zoom-in, #cd-zoom-out {
    height: 32px;
    width: 32px;
    cursor: pointer;
    margin-left: 10px;
    background-color: rgba(240, 138, 33, 0.9);
    background-repeat: no-repeat;
    background-size: 32px 64px;
    background-image: url("/views/etu/assets/img/_icons/_map_control.svg?d=060216")
}

.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
    background-color: #F08A21
}

#cd-zoom-in {
    background-position: 50% 0;
    margin-top: 10px;
    margin-bottom: 1px
}

#cd-zoom-out {
    background-position: 50% -32px
}

#userlike-poweredby {
    display: none;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.timeline.rektor {
    padding: 20px 0
}

.timeline.rektor .timeline__header {
    padding: 10px 0 20px
}

.timeline.rektor .timeline__item {
    padding: 10px 0 10px 160px
}

.timeline.rektor .timeline__item:before {
    right: 88%;
    left: auto;
    text-align: right
}

.timeline.rektor .timeline__item:after {
    left: 136px
}

.timeline.rektor .timeline__item h4 {
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .02em
}

.bolum-gridder .user-list__item__content img {
    padding: 15px 15px 5px
}

.bolum-gridder .user-list__item__content span {
    padding: 0 15px;
    line-height: 18px
}

.bolum-gridder .user-list__item__content h3 {
    line-height: 18px;
    max-width: none;
    white-space: normal;
    overflow: inherit;
    text-align: center;
    text-overflow: inherit;
    padding: 0 15px 5px;
    display: block
}

.bolum-gridder .user-list__item__content h3 strong {
    display: block
}

.bolum-gridder .timeline.bolum .timeline__item:after {
    left: 57px
}

@media (max-width: 1200px) {
    .bolum-gridder .timeline.bolum .timeline__item:after {
        left: 61px
    }
}

@media (max-width: 1024px) {
    .bolum-gridder .timeline.bolum .timeline__item:after {
        left: 0
    }
}

@media (max-width: 768px) {
    .bolum-gridder .timeline.bolum {
        max-height: none
    }
}

.timeline__rektor_foto {
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ddd
}

.ozgecmis_btn {
    display: inline-block;
    padding: 0 15px;
    border: 1px solid #ddd;
    color: #0F4C90;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: .02em;
    font-weight: 500;
    position: absolute;
    right: 0;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    top: 15px
}

.ozgecmis_btn:hover, .ozgecmis_btn:focus, .ozgecmis_btn:active {
    background-color: #FBFBFB;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    color: #3F77B6
}

.ozgecmis_btn img {
    vertical-align: middle;
    max-width: 27px;
    height: auto;
    display: inline-block;
    position: relative;
    margin-right: 6px;
    top: -1px
}

.tabs__content.rektorfix {
    position: relative
}

.tabs__content.rektorfix span.mailus {
    display: block;
    font-size: 85%
}

.tabs__content.rektorfix span.mailus i {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 4px
}

.open404 {
    padding: 10px 30px !important;
    height: 46px !important;
    line-height: 26px !important;
    display: inline-block;
    background-color: #f7f7f7;
    color: #9e9e9e !important;
    border-color: #d4d4d4 !important
}

.open404 .bug {
    display: inline-block;
    position: relative;
    width: 26px;
    height: 18px;
    transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -ms-transition: all 0.25s
}

.open404 .bug:after {
    background: transparent url("/views/etu/assets/img/_icons/bug.png?v=1.0.1") no-repeat;
    background-size: 20px;
    width: 28px;
    height: 28px;
    position: relative;
    display: block;
    transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -ms-transition: all 0.25s;
    top: 1px;
    content: "";
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3
}

.open404:hover {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #B22029 !important
}

.open404:hover .bug:after {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.bug-form {
    position: relative
}

.bug-form h1 {
    display: block;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
    letter-spacing: .024em;
    position: relative
}

.bug-form h1:before {
    background: transparent url("/views/etu/assets/img/_icons/bug.png?v=1.0.1") no-repeat;
    background-size: 22px;
    width: 34px;
    height: 21px;
    position: relative;
    display: inline-block;
    transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -ms-transition: all 0.25s;
    top: 2px;
    content: ""
}

.bug-form form {
    margin: 0;
    padding: 0
}

.bug-form form input[type="text"], .bug-form form input[type="tel"], .bug-form form input[type="search"], .bug-form form input[type="email"], .bug-form form input[type="password"], .bug-form form textarea {
    padding: 0 12px;
    line-height: 44px;
    color: #000;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    outline: none;
    margin-bottom: 15px;
    width: 100%;
    display: block;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.bug-form form input[type="text"]:hover, .bug-form form input[type="text"]:active, .bug-form form input[type="text"]:focus, .bug-form form input[type="tel"]:hover, .bug-form form input[type="tel"]:active, .bug-form form input[type="tel"]:focus, .bug-form form input[type="search"]:hover, .bug-form form input[type="search"]:active, .bug-form form input[type="search"]:focus, .bug-form form input[type="email"]:hover, .bug-form form input[type="email"]:active, .bug-form form input[type="email"]:focus, .bug-form form input[type="password"]:hover, .bug-form form input[type="password"]:active, .bug-form form input[type="password"]:focus, .bug-form form textarea:hover, .bug-form form textarea:active, .bug-form form textarea:focus {
    border-color: #0F4C90
}

.bug-form form input[type="text"]:focus, .bug-form form input[type="tel"]:focus, .bug-form form input[type="search"]:focus, .bug-form form input[type="email"]:focus, .bug-form form input[type="password"]:focus, .bug-form form textarea:focus {
    -webkit-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -moz-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -ms-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -o-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25)
}

.bug-form form input[type="checkbox"] {
    position: relative;
    margin-right: 5px
}

.bug-form form textarea {
    line-height: 24px;
    padding: 12px;
    resize: vertical;
    height: 183px
}

.bug-form form label {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 18px;
    font-weight: 500
}

.bug-form form label a {
    color: #0F4C90
}

.bug-form form label a:hover, .bug-form form label a:focus {
    color: #3F77B6
}

.bug-form form label a:active {
    color: #7FAFE4
}

.gazete-etu__logo {
    display: block;
    margin: 20px 0 5px;
    width: 100%;
    max-width: 210px;
    height: auto
}

@media (max-width: 767px) {
    .gazete-etu__logo {
        margin: 0 auto 20px;
        text-align: center;
        max-width: 175px
    }
}

@media (min-width: 1025px) {
    .akademik_takvim .tabs.withInner_text .tabs__title {
        width: 15%;
        text-align: center;
        line-height: 1;
        display: table
    }

    .akademik_takvim .tabs.withInner_text .tabs__title span {
        line-height: 22px;
        vertical-align: middle;
        text-align: center;
        position: relative;
        display: table-cell
    }
}

.etuRadyo {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 240px;
    height: 64px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    z-index: 9;
    cursor: pointer;
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media (max-width: 767px) {
    .etuRadyo {
        left: 0;
        right: auto;
        width: 100%;
        bottom: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -o-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        background-color: #3a4148
    }
}

.etuRadyo img {
    max-width: 60px;
    width: 100%;
    display: block;
    height: auto;
    position: absolute;
    top: -20px;
    left: 0
}

@media (max-width: 767px) {
    .etuRadyo img {
        top: 10px;
        left: auto;
        z-index: 3;
        right: 10px
    }
}

@media (min-width: 1025px) {
    .etuRadyo:hover .etuRadyo__inner .radyo_cover:after {
        -ms-transform: scale(1.15);
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    .etuRadyo:hover .etuRadyo__inner .radyo_cover:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        max-height: 64px;
        content: "";
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
    }
}

.etuRadyo__inner {
    position: relative;
    overflow: hidden;
    display: table;
    width: 100%;
    height: 64px
}

.etuRadyo__inner .radyo_cover {
    position: relative;
    display: table-cell;
    width: 64px;
    height: 64px;
    overflow: hidden;
    vertical-align: middle;
    background-size: cover;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

@media (max-width: 767px) {
    .etuRadyo__inner .radyo_cover {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -o-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }
}

.etuRadyo__inner .radyo_cover:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 64px;
    content: "";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -ms-transition: all 0.25s
}

.etuRadyo__inner .radyo_cover:after {
    background: transparent url("/views/etu/assets/img/_icons/play.svg") no-repeat center center;
    background-size: 24px;
    position: absolute;
    top: 16px;
    left: 16px;
    content: '';
    width: 32px;
    height: 32px;
    transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.etuRadyo__inner .radyo_content {
    position: relative;
    height: 64px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.etuRadyo__inner .radyo_content__wrap {
    padding: 12px;
    position: relative;
    overflow: hidden;
    display: inline-grid
}

@media (max-width: 767px) {
    .etuRadyo__inner .radyo_content__wrap {
        display: inline-block;
        width: 100%
    }
}

.etuRadyo__inner .radyo_content__wrap small {
    display: block;
    font-size: 7px;
    letter-spacing: .2em;
    color: #F18B22;
    font-weight: 500
}

.etuRadyo__inner .radyo_content__wrap strong {
    display: block;
    padding: 5px 0 2px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .02em;
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 767px) {
    .etuRadyo__inner .radyo_content__wrap strong {
        color: #fff;
        padding: 3px 0 2px
    }
}

.etuRadyo__inner .radyo_content__wrap p {
    font-size: 11px;
    letter-spacing: .02em;
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 767px) {
    .etuRadyo__inner .radyo_content__wrap p {
        color: #fff
    }
}

html.slideout-open .etuRadyo {
    bottom: -90px
}

.ikon-twitch {
    position: relative;
    top: 4px
}

@media (max-width: 767px) {
    .ikon-twitch {
        top: 0;
        padding: 10px 15px !important
    }
}

.ikon-twitch__icon {
    height: 18px;
    max-height: 100%;
    display: block;
    background: transparent url("/views/etu/assets/img/_icons/twitch.png") no-repeat;
    background-size: cover;
    width: auto
}

@media (max-width: 767px) {
    .ikon-twitch__icon {
        background-size: 15px;
        height: 15px;
        background-position: center center
    }
}

.twitch_iletisim img {
    max-width: 25px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    width: 100%
}

.fotograflar #galeriFoto {
    position: relative;
    padding: 20px 0 0
}

.fotograflar #galeriFoto div {
    cursor: pointer
}

@media (min-width: 75.01em) {
    .fotograflar #galeriFoto div:hover img {
        opacity: .75
    }
}

.fotograflar #galeriFoto div img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s
}

.is_dunyasi_pop {
    position: fixed;
    bottom: -100vh;
    left: 0;
    right: 0;
    height: 0px;
    max-width: 640px;
    padding: 30px 30px 0 30px;
    z-index: 9999999999999;
    margin: auto;
    opacity: 0;
    transform-origin: bottom right;
    transform: scale(0);
    transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
    -ms-transition: opacity 0.4s ease-out
}

@media (max-width: 61.99em) {
    .is_dunyasi_pop {
        padding: 20px 20px 0 20px
    }
}

.is_dunyasi_pop.inView {
    bottom: 0;
    opacity: 1;
    height: auto;
    animation: .8s ease-out 0.5s 1 normal forwards running showPopBurs;
    -webkit-animation: .8s ease-out 0.5s 1 normal forwards running showPopBurs;
    -moz-animation: .8s ease-out 0.5s 1 normal forwards running showPopBurs
}

.is_dunyasi_pop__window {
    position: relative;
    max-width: 100%;
    height: 100%;
    background: linear-gradient(145deg, #e0f0ff, #ceddec, #e3eef9);
    background-size: 600% 600%;
    -webkit-animation: BursBg 12s ease infinite;
    -moz-animation: BursBg 12s ease infinite;
    animation: BursBg 12s ease infinite;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0px -10px 100px 20px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px -10px 100px 20px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0px -10px 100px 20px rgba(0, 0, 0, 0.35);
    box-shadow: 0px -10px 100px 20px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0px -10px 100px 20px rgba(0, 0, 0, 0.35)
}

.is_dunyasi_pop__content {
    padding: 50px;
    height: 100%;
    min-height: 100%;
    position: relative;
    text-align: center;
    background: transparent url("/views/etu/_images/_isdunyasiburs/_header.png") repeat top left
}

@media (max-width: 61.99em) {
    .is_dunyasi_pop__content {
        padding: 30px
    }
}

.is_dunyasi_pop__content--logo {
    max-width: 190px;
    width: 100%;
    display: block;
    margin: 10px auto 50px;
    cursor: pointer
}

@media (max-width: 74.99em) {
    .is_dunyasi_pop__content--logo {
        margin: 0 auto 40px
    }
}

@media (max-width: 61.99em) {
    .is_dunyasi_pop__content--logo {
        max-width: 180px
    }
}

.is_dunyasi_pop__content h1 {
    display: block;
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: .02em
}

@media (max-width: 74.99em) {
    .is_dunyasi_pop__content h1 {
        font-size: 38px;
        line-height: 46px
    }
}

@media (max-width: 61.99em) {
    .is_dunyasi_pop__content h1 {
        font-size: 34px;
        line-height: 42px
    }
}

.is_dunyasi_pop__content h2 {
    display: block;
    padding: 10px 0;
    max-width: 400px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: .02em
}

@media (max-width: 74.99em) {
    .is_dunyasi_pop__content h2 {
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width: 61.99em) {
    .is_dunyasi_pop__content h2 {
        font-size: 16px;
        line-height: 24px
    }
}

.is_dunyasi_pop__content__action {
    position: relative;
    padding: 50px 0 30px;
    letter-spacing: .04em
}

@media (max-width: 74.99em) {
    .is_dunyasi_pop__content__action {
        padding: 40px 0 30px
    }
}

@media (max-width: 61.99em) {
    .is_dunyasi_pop__content__action {
        padding: 30px 0 15px
    }
}

.is_dunyasi_pop__content__action em {
    display: block;
    padding: 20px 0;
    font-size: 15px;
    opacity: .45
}

@media (max-width: 61.99em) {
    .is_dunyasi_pop__content__action em {
        padding: 15px 0
    }
}

.is_dunyasi_pop__content__action .bilgial_btn {
    font-weight: 400;
    text-decoration: underline
}

@media (max-width: 61.99em) {
    .is_dunyasi_pop__content__action .bilgial_btn {
        font-size: 15px
    }
}

.is_dunyasi_pop__content__action .bilgial_btn:hover, .is_dunyasi_pop__content__action .bilgial_btn:active {
    text-decoration: none
}

.is_dunyasi_pop__content__action .basvur_btn {
    padding: 0 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #0F4C90;
    font-weight: 400;
    font-size: 16px;
    line-height: 54px;
    height: 55px;
    display: inline-block;
    margin: 0 auto;
    transition: all 0.15s;
    -o-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -ms-transition: all 0.15s
}

@media (max-width: 61.99em) {
    .is_dunyasi_pop__content__action .basvur_btn {
        font-size: 15px;
        line-height: 50px;
        height: 51px
    }
}

.is_dunyasi_pop__content__action .basvur_btn:hover {
    background-color: #0F4C90;
    border-color: #0F4C90;
    color: #fff
}

.is_dunyasi_pop__content__action .basvur_btn:active {
    background-color: #7FAFE4;
    border-color: #7FAFE4;
    color: rgba(255, 255, 255, 0.65)
}

.is_dunyasi_pop__close {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    z-index: 33;
    padding: 15px;
    color: #000;
    opacity: .65;
    cursor: pointer;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.is_dunyasi_pop__close:hover {
    opacity: 1
}

@keyframes showPopBurs {
    0% {
        transform: scale(0)
    }
    60% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes BursBg {
    0% {
        background-position: 10% 0%
    }
    50% {
        background-position: 91% 100%
    }
    100% {
        background-position: 10% 0%
    }
}

@-moz-keyframes BursBg {
    0% {
        background-position: 10% 0%
    }
    50% {
        background-position: 91% 100%
    }
    100% {
        background-position: 10% 0%
    }
}

@keyframes BursBg {
    0% {
        background-position: 10% 0%
    }
    50% {
        background-position: 91% 100%
    }
    100% {
        background-position: 10% 0%
    }
}

.home-blocks {
    padding: 5px
}

.home-blocks.ortakegitim {
    padding-top: 0
}

.home-blocks.ortakegitim.noPadLeft {
    padding-left: 0
}

.swiper-container {
    height: 80vh;
    min-height: 600px
}

.withSubmenu {
    position: relative;
    height: 400px;
    overflow: hidden
}

.withSubmenu__link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    color: #fff
}

.withSubmenu__link div {
    top: -40px
}

.withSubmenu__link:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    content: ""
}

.withSubmenu__header {
    display: block;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: .06em;
    font-weight: 400
}

.withSubmenu__desc {
    display: block;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    padding: 5px 10px 25px;
    letter-spacing: .02em
}

.blocknav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 2
}

.blocknav__link {
    display: inline-block;
    text-align: center;
    height: 64px;
    line-height: 64px;
    font-weight: 300;
    letter-spacing: .02em;
    color: #0F4C90;
    font-size: 17px;
    padding: 0 10px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.blocknav__link:hover {
    color: #3F77B6;
    background-color: #EFF5FC
}

.blocknav__link:active, .blocknav__link:focus {
    color: #7FAFE4;
    background-color: #EFF5FC
}

.blocknav__link--more {
    font-size: 24px
}

.ucdonemegitim {
    padding: 0 0 0 5px;
    position: relative;
    overflow: hidden
}

.ucdonemegitim__wrap {
    height: 400px;
    background-color: #F18B22;
    color: #fff
}

.ucdonemegitim__wrap:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f125";
    text-align: center;
    top: 25px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto auto;
    font-size: 320px;
    position: absolute;
    filter: alpha(opacity=25);
    -moz-opacity: .25;
    -khtml-opacity: .25;
    opacity: .25
}

.ucdonemegitim__header {
    display: block;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: .06em;
    font-weight: 400
}

.ucdonemegitim__desc {
    display: block;
    font-size: 20px;
    line-height: 27px;
    padding: 5px 0 25px;
    letter-spacing: .02em
}

.home-news {
    position: relative;
    overflow: hidden;
    padding: 5px 5px 0 0
}

.home-news__wrap {
    position: relative;
    overflow: hidden;
    background-color: #0F4C90
}

.home-news h3 {
    position: absolute;
    z-index: 2;
    color: #fff;
    letter-spacing: .02em;
    padding: 13px 15px;
    font-weight: 400;
    cursor: pointer
}

.home-news__featured {
    position: relative;
    overflow: hidden;
    height: 370px
}

.home-news__featured--link {
    display: block;
    outline: none;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.home-news__featured--link:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 120px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
    z-index: 2
}

.home-news__featured--link:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    content: "";
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.home-news__featured--link img {
    display: block;
    border: none;
    outline: none;
    width: 100%
}

.home-news__featured--link figcaption {
    position: absolute;
    display: block;
    padding: 30px 30px 20px 15px;
    bottom: 0;
    z-index: 3;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.home-news__featured--link figcaption i {
    position: absolute;
    left: 15px;
    top: 30px;
    color: #F18B22;
    font-size: 19px
}

.home-news__featured--link figcaption strong {
    margin-left: 30px;
    display: inline-block;
    font-size: 16px;
    color: #d9d9d9;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: .04em;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.home-news__featured--link:hover figcaption strong {
    color: #fff
}

.home-news__featured--link:hover:after {
    background-color: rgba(0, 0, 0, 0.4)
}

.home-news__more {
    position: relative;
    overflow: hidden;
    max-height: 330px;
    height: 330px
}

.home-news__more li {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.home-news__more li a {
    color: #d9d9d9;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    position: relative;
    padding: 15px 20px;
    width: 100%;
    letter-spacing: .02em;
    display: block;
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-news__more li a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.08)
}

.home-news__more li a:active, .home-news__more li a:focus {
    color: #F18B22
}

.home-news__more--link {
    font-weight: 400 !important
}

.home-news__more--link i {
    font-size: 11px;
    position: relative;
    padding-right: 5px;
    top: -1px
}

.home-news__more--hot a {
    padding-left: 40px !important;
    font-weight: 400 !important
}

.home-news__more--hot a:before {
    position: absolute;
    top: 17px;
    left: 15px;
    content: "\f122";
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #F18B22
}

.garajitani {
    position: relative;
    height: 100%;
    max-height: 300px;
    overflow: hidden;
    padding: 5px 0 0
}

.garajitani figure {
    position: relative;
    overflow: hidden;
    height: 300px;
    display: block
}

.garajitani figure:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1
}

.garajitani figure img {
    vertical-align: middle;
    position: relative;
    display: block
}

.garajitani figure figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10%;
    margin: auto;
    z-index: 2;
    color: #fff;
    padding: 0 0 0 30px
}

.garajitani figure figcaption h3 {
    display: inline-block;
    padding-right: 30px;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: .06em;
    font-weight: 400
}

.garajitani figure figcaption p {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: .02em;
    display: inline-block;
    position: relative;
    top: -1px
}

.garajitani button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    height: 30%;
    margin: auto;
    z-index: 2
}

.tanitimvideosu {
    position: relative;
    height: 400px;
    overflow: hidden;
    padding: 0 5px 0 0
}

.tanitimvideosu__link {
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
    outline: none;
    color: #fff;
    width: 100%;
    height: 100%;
    max-height: 400px
}

.tanitimvideosu__link div {
    top: -45px
}

.tanitimvideosu__link:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1
}

.tanitimvideosu__link i {
    font-size: 64px
}

.imageOnly {
    position: relative;
    margin-top: 5px;
    height: 295px
}

.imageOnly.withLeftPad {
    padding-left: 5px
}

.imageOnly .withSubmenu {
    height: 295px
}

.playVideo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none
}

.playVideo .videoFrame {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 999
}

.playVideo .videoFrame .videoFull {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.playVideo .closeVideo {
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: rgba(0, 0, 0, 0.45);
    width: 75px;
    height: 75px;
    line-height: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    -ms-border-radius: 75px;
    border-radius: 75px;
    -o-border-radius: 75px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #fff;
    font-size: 36px;
    z-index: 99999;
    cursor: pointer
}

.playVideo .closeVideo i {
    position: relative;
    text-align: center;
    display: block;
    vertical-align: middle
}

.ortam_box {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    height: 100%;
    min-height: 100%
}

.ortam_box__header {
    position: relative;
    padding: 15px 25px;
    border-bottom: 1px solid #efefef;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.025);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.025);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.025);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.025)
}

.ortam_box__header a {
    max-width: 105px;
    width: 100%;
    display: block;
    position: relative;
    outline: none
}

.ortam_box__header a img {
    max-width: 100%;
    width: 100%;
    display: block;
    height: auto
}

.ortam_box__header span {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 14px;
    line-height: 20px;
    color: #b3b3b3;
    letter-spacing: .02em;
    font-weight: 400
}

.ortam_box__content {
    position: relative;
    padding: 0 25px 75px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100%
}

.ortam_box__item {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #efefef;
    overflow: hidden
}

.ortam_box__item:last-child {
    border-bottom: none
}

.ortam_box__item__link {
    position: relative
}

.ortam_box__item__link .post_link {
    display: block;
    margin: 0 75px 0 65px;
    color: inherit;
    letter-spacing: .02em
}

.ortam_box__item__link .post_link em {
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    display: block;
    color: gray
}

.ortam_box__item__link .post_link strong {
    color: #0F4C90;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px
}

.ortam_box__item__link .post_link span {
    font-size: 10px;
    display: block;
    margin-top: 3px;
    color: #999
}

.ortam_box__item__link .post_link span b {
    color: #0F4C90;
    font-weight: 400
}

.ortam_box__item__link time {
    position: absolute;
    right: 0;
    top: 50%;
    height: 20px;
    margin-top: -20px;
    font-size: 10px;
    color: #999;
    letter-spacing: .02em;
    font-style: normal
}

.ortam_box__item__link .topluluk_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border: 1px solid #ddd;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    -ms-border-radius: 48px;
    border-radius: 48px;
    -o-border-radius: 48px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: #fff;
    overflow: hidden;
    display: block
}

.ortam_box__item__link .topluluk_link img {
    max-width: 100%;
    width: 100%;
    display: block;
    height: auto
}

.ortam_box__more {
    position: relative;
    padding: 20px 0 10px
}

.ortam_box__more a {
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    -ms-border-radius: 300px;
    border-radius: 300px;
    -o-border-radius: 300px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ddd;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    font-weight: 400
}

.ortam_box__more a strong {
    font-weight: 500
}

.mouse-scroll {
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85;
    letter-spacing: .1em;
    text-decoration: none;
    overflow: hidden;
    position: absolute;
    bottom: 50px;
    z-index: 9;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    text-align: center
}

.mouse-scroll .mouse {
    position: relative;
    display: block;
    width: 40px;
    height: 64px;
    margin: 0 auto 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #FFF;
    border-radius: 23px
}

.mouse-scroll .mouse .mouse-movement {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: #FFF;
    border-radius: 50%;
    -webkit-animation: scroll-ani 2s linear 3;
    -moz-animation: scroll-ani 2s linear 3;
    animation: scroll-ani 2s linear 3
}

.mouse-scroll .mouse-message {
    margin: -200px 0 0 0;
    padding: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease
}

.mouse-scroll:hover .mouse-message {
    margin-top: -50px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

@media all and (min-width: 1200px) and (max-width: 1439px) {
    .blocknav__link {
        font-size: 16px
    }

    .blocknav__link--more {
        font-size: 24px;
        line-height: 66px
    }
}

.fakulteler {
    position: relative;
    background-color: #fff;
    padding-bottom: 20px
}

.fakulte-listesi {
    position: relative;
    padding: 15px 0 0
}

.fakulte-listesi__item {
    position: relative
}

.fakulte-listesi__item__block {
    position: relative;
    height: 220px;
    overflow: hidden;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.fakulte-listesi__item__block:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1
}

.fakulte-listesi__item__block:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#59000000', GradientType=0)
}

.fakulte-listesi__item__block__bilgi {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    text-align: center;
    color: #fff;
    z-index: 2
}

.fakulte-listesi__item__block__bilgi__header {
    font-size: 18px;
    letter-spacing: .04em;
    line-height: 28px;
    padding: 0 20px;
    font-weight: 300;
    position: relative;
    top: 0;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease
}

.fakulte-listesi__item__block__bilgi__telefon {
    font-size: 14px;
    letter-spacing: .02em;
    padding: 0 0 8px;
    position: relative;
    width: 100%
}

.fakulte-listesi__item__block__bilgi__email {
    color: #F18B22;
    font-size: 14px;
    letter-spacing: .02em;
    position: relative;
    display: block;
    width: 100%
}

.fakulte-listesi__item__menu {
    position: relative
}

.fakulte-listesi__item__menu__list {
    display: block;
    position: relative
}

.fakulte-listesi__item__menu__list__item {
    display: block;
    position: relative
}

.fakulte-listesi__item__menu__list__item--link {
    position: relative;
    font-weight: 300;
    color: #0F4C90;
    font-size: 14px;
    letter-spacing: .02em
}

.fakulte-listesi__item__menu__header {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    letter-spacing: .02em;
    padding: 4px 20px 0;
    position: relative;
    font-weight: 300;
    color: #aaa
}

.fakulte-listesi__item__menu__dekanlik {
    display: block;
    position: relative;
    height: 46px;
    line-height: 46px;
    font-weight: 400;
    color: #0F4C90;
    padding: 0 20px;
    font-size: 14px;
    background-color: #EFF5FC;
    letter-spacing: .02em
}

.fakulte-listesi__item__menu__dekanlik:hover, .fakulte-listesi__item__menu__dekanlik:focus {
    color: #3F77B6
}

.fakulte-listesi__item__menu__dekanlik:active {
    color: #7FAFE4
}

.fakulte-listesi__item__menu__dekanlik:after {
    position: absolute;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 46px;
    right: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    top: 0;
    content: "\f13d"
}

.fakulte-listesi__item__menu__dekanlik:hover:after {
    right: 20px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.fakulte-listesi__item__menu__dekanlik--more {
    background-color: #FEFAF0;
    display: block;
    position: relative;
    height: 46px;
    line-height: 46px;
    font-weight: 400;
    color: #000;
    border-top: 1px solid #ddd;
    padding: 0 20px;
    font-size: 14px;
    letter-spacing: .02em
}

.fakulte-listesi__item__menu__dekanlik--more i {
    position: relative;
    padding-right: 4px
}

.fakulte-listesi__item__menu__dekanlik--more:before {
    position: absolute;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 46px;
    right: 0;
    transition: right 0.3s;
    -o-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -webkit-transition: right 0.3s;
    -ms-transition: right 0.3s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    top: 0;
    content: "\f131"
}

.fakulte-listesi__item__menu__dekanlik--more:hover:before {
    right: 20px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.fakulte-listesi__item__details__list {
    padding: 5px 0;
    position: relative
}

.fakulte-listesi__item__details__list__item {
    padding: 4px 20px;
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .02em
}

.fakulte-listesi__item__details__list__item a {
    color: #0F4C90;
    line-height: 19px;
    letter-spacing: .02em
}

.fakulte-listesi__item__details__list__item a:hover, .fakulte-listesi__item__details__list__item a:focus {
    color: #3F77B6
}

.fakulte-listesi__item__details__list__item a:active {
    color: #7FAFE4
}

.fakulte-listesi.galleryView .fakulte-listesi__item:hover .fakulte-listesi__item__block__bilgi__telefon, .fakulte-listesi.galleryView .fakulte-listesi__item:hover .fakulte-listesi__item__block__bilgi__email {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    display: inline-block;
    bottom: 0;
    height: auto
}

.fakulte-listesi.galleryView .fakulte-listesi__item:hover .fakulte-listesi__item__block__bilgi__header {
    top: -15px;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease
}

.fakulte-listesi.galleryView .fakulte-listesi__item.hovered .fakulte-listesi__item__block {
    -webkit-box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35);
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35)
}

.fakulte-listesi.galleryView .fakulte-listesi__item__block {
    display: inline-block;
    width: 100%
}

.fakulte-listesi.galleryView .fakulte-listesi__item__block__bilgi {
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease
}

.fakulte-listesi.galleryView .fakulte-listesi__item__block__bilgi .fakulte-listesi__item__block__bilgi__telefon {
    bottom: -100px;
    transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.fakulte-listesi.galleryView .fakulte-listesi__item__block__bilgi .fakulte-listesi__item__block__bilgi__email {
    bottom: -100px;
    transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    height: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.fakulte-listesi.galleryView .fakulte-listesi__item__menuWrap {
    position: absolute;
    display: none;
    width: 100%;
    transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -webkit-transition: top 0.3s ease-in-out;
    -ms-transition: top 0.3s ease-in-out;
    top: 95%;
    left: 0;
    padding: 0 10px;
    z-index: -1
}

.fakulte-listesi.galleryView .fakulte-listesi__item__menuWrap.hovered {
    top: 94%;
    z-index: 3;
    transition: top 0.2s ease-in-out;
    -o-transition: top 0.2s ease-in-out;
    -moz-transition: top 0.2s ease-in-out;
    -webkit-transition: top 0.2s ease-in-out;
    -ms-transition: top 0.2s ease-in-out
}

.fakulte-listesi.galleryView .fakulte-listesi__item__menuWrap.topDirection {
    top: auto;
    bottom: 94%
}

.fakulte-listesi.galleryView .fakulte-listesi__item__menuWrap.topDirection .fakulte-listesi__item__menu {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 -8px 35px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 -8px 35px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 -8px 35px rgba(0, 0, 0, 0.35);
    box-shadow: 0 -8px 35px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 -8px 35px rgba(0, 0, 0, 0.35)
}

.fakulte-listesi.galleryView .fakulte-listesi__item__menu {
    width: 100%;
    z-index: 3;
    background-color: #fff;
    overflow: hidden;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35);
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35)
}

.fakulte-listesi.galleryView .fakulte-listesi__item__menu .fakulte-listesi__item__menu__list__item--link {
    display: block;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #ddd;
    padding: 0 20px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.fakulte-listesi.galleryView .fakulte-listesi__item__menu .fakulte-listesi__item__menu__list__item--link:after {
    position: absolute;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 46px;
    right: 0;
    transition: right 0.3s;
    -o-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -webkit-transition: right 0.3s;
    -ms-transition: right 0.3s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    top: 0;
    content: "\f13d"
}

.fakulte-listesi.galleryView .fakulte-listesi__item__menu .fakulte-listesi__item__menu__list__item--link:hover {
    color: #3F77B6;
    background-color: #fff
}

.fakulte-listesi.galleryView .fakulte-listesi__item__menu .fakulte-listesi__item__menu__list__item--link:hover:after {
    right: 20px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.fakulte-listesi.galleryView .fakulte-listesi__item__menu .fakulte-listesi__item__menu__list__item--link:active, .fakulte-listesi.galleryView .fakulte-listesi__item__menu .fakulte-listesi__item__menu__list__item--linkfocus {
    color: #7FAFE4;
    background-color: #fbfdff
}

.fakulte-listesi.listView .fakulte-listesi__item {
    border: 1px solid #ddd;
    margin: 10px auto 15px
}

.fakulte-listesi.listView .fakulte-listesi__item .fakulte-listesi__item__menu__list {
    padding: 5px 0;
    position: relative
}

.fakulte-listesi.listView .fakulte-listesi__item__menuWrap {
    height: 220px
}

.fakulte-listesi.listView .fakulte-listesi__item__details {
    background-color: #FBFBFB;
    border-left: 1px solid #ddd
}

.fakulte-listesi.listView .fakulte-listesi__item__menu__list__item--link {
    padding: 6px 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #0F4C90;
    position: relative
}

.fakulte-listesi.listView .fakulte-listesi__item__menu__list__item--link:hover, .fakulte-listesi.listView .fakulte-listesi__item__menu__list__item--link:focus {
    color: #3F77B6
}

.fakulte-listesi.listView .fakulte-listesi__item__menu__list__item--link:active {
    color: #7FAFE4
}

.break {
    height: 15px;
    clear: both
}

.headerWith_Sort .sortItems {
    top: -3px
}

.headerWith_Sort .sortItems select {
    height: 36px
}

@media all and (min-width: 1024px) and (max-width: 1199px) {
    .fakulte-listesi__item__block__bilgi__header {
        font-size: 16px;
        line-height: 27px
    }

    .fakulte-listesi__item__block__bilgi__telefon {
        padding-bottom: 4px
    }

    .fakulte-listesi__item__block__bilgi__telefon, .fakulte-listesi__item__block__bilgi__email {
        font-size: 12px !important
    }
}

@media all and (max-width: 1023px) {
    .list_or_gallery {
        display: none;
        visibility: hidden
    }

    .fakulte-listesi__item__block__bilgi {
        position: absolute
    }

    .fakulte-listesi.listView .fakulte-listesi__item:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        -o-box-shadow: none
    }

    .fakulte-listesi.galleryView .fakulte-listesi__item__menuWrap {
        position: relative;
        display: block;
        padding: 0;
        top: -3px;
        z-index: 0
    }

    .fakulte-listesi.galleryView .fakulte-listesi__item__menu {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        -o-box-shadow: none;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-color: #ddd
    }

    .fakulte-listesi.galleryView .fakulte-listesi__item__block {
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #ddd;
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        -o-border-radius: 6px 6px 0 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        box-shadow: none !important;
        -o-box-shadow: none !important
    }

    .fakulte-listesi.galleryView .fakulte-listesi__item__block__bilgi__header {
        top: -15px
    }

    .fakulte-listesi.galleryView .fakulte-listesi__item__block__bilgi__telefon, .fakulte-listesi.galleryView .fakulte-listesi__item__block__bilgi__email {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        display: inline-block;
        bottom: 0;
        height: auto
    }

    .fakulte-listesi.listView .fakulte-listesi__item__block {
        height: auto
    }

    .fakulte-listesi.listView .fakulte-listesi__item__block__bilgi {
        width: 100%
    }

    .fakulte-listesi.listView .fakulte-listesi__item__block__bilgi .fakulte-listesi__item__block__bilgi__header {
        display: block;
        text-align: center
    }

    .fakulte-listesi.listView .fakulte-listesi__item__menuWrap {
        height: auto
    }

    .fakulte-listesi.listView .fakulte-listesi__item__details {
        border-left: none;
        border-top: 1px solid #ddd;
        margin-top: 15px
    }
}

@media all and (min-width: 0) and (max-width: 719px) {
    .fakulte-listesi.galleryView .fakulte-listesi__item {
        padding: 0;
        margin-bottom: 15px
    }

    .fakulte-listesi.listView .fakulte-listesi__item__block {
        height: 200px
    }

    .fakulte-listesi.listView .fakulte-listesi__item__menuWrap {
        height: auto
    }
}

#sharePage {
    display: block;
    padding-left: 15px;
    position: absolute;
    vertical-align: middle;
    top: 0;
    right: 20px;
    padding-top: 2px;
    height: 42px
}

#sharePage .likeBtn {
    position: relative;
    display: inline-block;
    top: .685rem;
    padding-right: 1px
}

#sharePage a, #sharePage span, #sharePage div {
    text-decoration: none !important;
    outline: none !important
}

#sharePage a:active, #sharePage a:hover, #sharePage a:focus, #sharePage span:active, #sharePage span:hover, #sharePage span:focus, #sharePage div:active, #sharePage div:hover, #sharePage div:focus {
    text-decoration: none !important;
    outline: none !important
}

.blockBox {
    margin-bottom: 0
}

.ikon-google-scholar {
    position: relative;
    width: 20px;
    vertical-align: middle !important;
    height: 14px;
    display: inline-block
}

.ikon-google-scholar:before {
    background: transparent url("/views/etu/assets/img/_icons/google-scholar.png") no-repeat;
    background-size: 12px;
    display: block;
    position: relative;
    content: '';
    width: 14px;
    height: 14px
}

.sideMenu {
    position: relative;
    margin: 20px 0;
    width: 100%
}

.sideMenu__list {
    position: relative;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #ddd;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.sideMenu__list__item {
    display: block;
    position: relative
}

.sideMenu__list__item--link {
    display: block;
    position: relative;
    line-height: 26px;
    border-bottom: 1px solid #ddd;
    font-size: 17px;
    padding: 15px 45px 15px 15px;
    letter-spacing: .02em;
    color: #0F4C90;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.sideMenu__list__item--link.subMenuItem:after {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 21px;
    right: 20px;
    font-size: 14px;
    content: "\f137"
}
.sideMenu__list__item--link.subMenuItem-Inner:after {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 21px;
    right: 20px;
    font-size: 14px;
    content: "\f137"
}

.sideMenu__list__item--link.subMenuItem:before {
    display: none !important
}
.sideMenu__list__item--link.subMenuItem-Inner:before {
    display: none !important
}

.sideMenu__list__item--link:before {
    position: absolute;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 0;
    transition: right 0.3s;
    -o-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -webkit-transition: right 0.3s;
    -ms-transition: right 0.3s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    top: 21px;
    content: "\f13d";
    font-size: 14px
}

.sideMenu__list__item--link:hover, .sideMenu__list__item--link:focus {
    color: #3F77B6;
    background-color: #fff
}

.sideMenu__list__item--link:hover:before, .sideMenu__list__item--link:focus:before {
    right: 20px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.sideMenu__list__item--link:active {
    color: #7FAFE4
}

.sideMenu__list__item.active .sideMenu__list__item--link {
    font-weight: 400;
    background-color: #EFF5FC;
    color: #3F77B6
}

.sideMenu__list__item.active .sideMenu__list__item--link:before {
    right: 20px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.sideMenu__list__item.active .sideMenu__list__item--link.subMenuItem {
    background-color: #FBFBFB;
    border-bottom-color: transparent
}

.sideMenu__list__item.active .sideMenu__list__item--link.subMenuItem:after {
    content: "\f12f"
}

.sideMenu__list__item.active .sideMenu__list__item--link.subMenuItem:before {
    display: none !important
}

.sideMenu__list__item.active .sideMenu__list__item--link.subMenuItem-Inner {
    background-color: #FBFBFB;
    padding-left: 35px;
}
.sideMenu__list__item--link.subMenuItem-Inner.active {
    border-bottom-color: transparent;
}

.sideMenu__list__item--link.subMenuItem-Inner.active:after {
    content: "\f12f"
}

 .sideMenu__list__item--link.subMenuItem-Inner.active:before {
    display: none !important
}


.sideMenu__list__item__sub {
    display: block;
    position: relative;
    background-color: #FBFBFB
}

.sideMenu__list__item__sub__Links li a {
    padding-left: 55px !important;
}

.sideMenu__list__item__sub__item {
    display: block;
    position: relative
}

.sideMenu__list__item__sub__item--link {
    display: block;
    position: relative;
    line-height: 24px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 15px 45px 12px 35px;
    letter-spacing: .02em;
    color: #0F4C90;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.sideMenu__list__item__sub__item--link:before {
    position: absolute;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 54px;
    right: 0;
    transition: right 0.3s;
    -o-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -webkit-transition: right 0.3s;
    -ms-transition: right 0.3s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    top: 0;
    content: "\f13d";
    font-size: 12px
}

.sideMenu__list__item__sub__item--link:hover, .sideMenu__list__item__sub__item--link:focus {
    color: #3F77B6;
    background-color: #fff
}

.sideMenu__list__item__sub__item--link:hover:before, .sideMenu__list__item__sub__item--link:focus:before {
    right: 20px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.sideMenu__list__item__sub__item--link:active {
    color: #7FAFE4
}

.sideMenu__list__item__sub__item--link.subMenuItem:after {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 12px;
    content: "\f13d"
}
.sideMenu__list__item__sub__item--link.subMenuItem-Inner:after {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 12px;
    content: "\f13d"
}

.sideMenu__list__item__sub__item--link.subMenuItem:before {
    display: none !important
}
.sideMenu__list__item__sub__item--link.subMenuItem-Inner:before {
    display: none !important
}

.sideMenu__list__item__sub__item.active .sideMenu__list__item__sub__item--link {
    font-weight: 400;
    background-color: #EFF5FC;
    color: #3F77B6
}

.sideMenu__list__item__sub__item.active .sideMenu__list__item__sub__item--link.subMenuItem:after {
    content: "\f12f"
}

.sideMenu__list__item__sub__item.active .sideMenu__list__item__sub__item--link.subMenuItem:before {
    display: none !important
}

.sideMenu__list__item__sub__item.active .sideMenu__list__item__sub__item--link.subMenuItem-Inner:after {
    content: "\f12f"
}

.sideMenu__list__item__sub__item.active .sideMenu__list__item__sub__item--link.subMenuItem-Inner:before {
    display: none !important
}



.sideMenu__list__item__sub__item.active .sideMenu__list__item__sub__item--link:before {
    right: 20px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.sideMenu__list:hover {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.lisansUstuKutusu {
    position: relative;
    margin-bottom: 20px
}

.lisansUstuKutusu__preview {
    position: relative;
    border: 1px solid #ddd;
    background-color: #FBFBFB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    padding: 0 20px 20px;
    text-align: center;
    color: #0F4C90;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.lisansUstuKutusu__preview:hover {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.lisansUstuKutusu__preview i {
    display: block;
    font-size: 136px;
    line-height: 1
}

.lisansUstuKutusu__preview strong {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: .04em
}

.lisansUstuKutusu__preview span {
    display: block;
    font-size: 11px;
    letter-spacing: .06em;
    padding-bottom: 30px
}

.lisansUstuKutusu__preview button {
    margin-bottom: 10px
}

.lisansUstuKutusu__preview:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: -10px;
    left: 15px;
    color: #B22029;
    font-size: 24px;
    content: "\f13b";
    z-index: 1
}

.iletisimKutusu {
    position: relative;
    margin-bottom: 20px
}

.iletisimKutusu__preview {
    position: relative;
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #FEFAF0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.iletisimKutusu__preview:hover {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.iletisimKutusu__preview h2 {
    padding-bottom: 15px
}

.iletisimKutusu__preview .social_pages {
    clear: both;
    position: relative;
    height: 24px;
    margin: 20px 0 0
}

.iletisimKutusu__preview .social_pages a {
    font-size: 18px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    color: #0F4C90;
    line-height: 24px
}

.iletisimKutusu__preview .social_pages a i {
    line-height: 24px;
    vertical-align: middle
}

.iletisimKutusu__preview .social_pages a:hover, .iletisimKutusu__preview .social_pages a:focus {
    color: #3F77B6
}

.iletisimKutusu__preview .social_pages a:active {
    color: #7FAFE4
}

.iletisimKutusu__list {
    position: relative;
    display: block
}

.iletisimKutusu__list__item {
    display: block;
    position: relative
}

.iletisimKutusu__list__item--link {
    line-height: 28px;
    font-size: 14px;
    letter-spacing: .02em;
    color: #000
}

.iletisimKutusu__list__item--link.email {
    color: #0F4C90 !important
}

.iletisimKutusu__list__item__ekstra {
    position: relative;
    padding-top: 8px;
    overflow: hidden;
    border-top: 1px solid #ddd;
    margin-top: 8px
}

.iletisimKutusu__list__item__ekstra__title {
    display: block;
    font-size: 13px;
    line-height: 19px;
    padding-bottom: 3px;
    font-weight: 400
}

@media (max-width: 767px) {
    .iletisimKutusu__list__item__ekstra__title {
        line-height: 17px;
        font-size: 11px
    }
}

.iletisimKutusu__list__item__ekstra span {
    display: block;
    line-height: 23px;
    font-size: 14px;
    letter-spacing: .02em
}

@media (max-width: 767px) {
    .iletisimKutusu__list__item__ekstra span {
        line-height: 26px;
        font-size: 12px
    }
}

.related-bolum {
    position: relative;
    clear: both;
    margin-top: 100px
}

.related-bolum__table {
    display: table;
    width: 100%;
    border-top: 1px solid #ddd;
    margin-top: 25px;
    table-layout: fixed
}

.related-bolum__table__row {
    display: table-cell;
    max-width: 300px;
    height: 70px;
    vertical-align: middle;
    position: relative;
    border-right: 1px solid #ddd
}

.related-bolum__table__row:last-child {
    border-right: none
}

.related-bolum__table__row__link {
    text-align: center;
    vertical-align: middle;
    display: block;
    position: relative;
    color: #0F4C90;
    font-size: 15px;
    line-height: 20px;
    padding: 0 20px;
    letter-spacing: .02em;
    cursor: pointer;
    font-weight: 400
}

.related-bolum__table__row__link__button {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    width: 100%;
    max-width: 375px;
    padding: 0 15px;
    overflow: hidden;
    height: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.related-bolum__table__row__link__button .valign-middle {
    height: 35%
}

.related-bolum__table__row__link__button:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1
}

.related-bolum__table__row__link__button img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    margin: auto auto
}

.related-bolum__table__row__link__button__header {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .02em;
    padding: 0 20px;
    z-index: 1;
    position: relative;
    margin-bottom: 10px;
    margin-top: -10px
}

.related-bolum__table__row__link__button__link {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0 12px 0 18px;
    text-align: center
}

.related-bolum__table__row__link__button__link i {
    position: relative;
    font-size: 8px;
    padding-left: 4px;
    line-height: 1
}

.bolum__slider {
    position: relative;
    max-height: 420px;
    margin: 20px auto 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    overflow: hidden
}

.bolum__slider .swiper-container {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    height: 420px;
    min-height: 420px
}

.bolum__slider .swiper-container img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.bolum__slider .swiper-container .swiper-slide:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0);
    position: relative
}

.bolum__slider .swiper-container .slide-content {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center
}

.bolum__slider .swiper-container .slide-content .title {
    max-width: 720px;
    margin: 0 auto 50px;
    font-size: 32px;
    line-height: 48px;
    font-weight: 300;
    flex-basis: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-self: flex-end;
    text-align: center
}

.bolum__slider .swiper-container .slide-content .text {
    display: inline-flex;
    flex-basis: 100%;
    justify-content: center;
    align-items: center;
    align-self: baseline;
    margin-top: 2rem
}

.bolum__slider .swiper-container .slide-content a.btn {
    height: 42px;
    line-height: 40px;
    z-index: 3;
    position: relative;
    cursor: pointer
}

.bolum__slider .swiper-container .sliderNav {
    left: 20px;
    bottom: 20px;
    font-size: 13px;
    width: 120px;
    height: 36px
}

.bolum__slider .swiper-container .sliderNav .sliderNavBorder {
    width: 120px;
    height: 36px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    -ms-border-radius: 36px;
    border-radius: 36px;
    -o-border-radius: 36px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.bolum__slider .swiper-container .sliderNav .sliderNavBorder .prevSlide, .bolum__slider .swiper-container .sliderNav .sliderNavBorder .nextSlide {
    line-height: 36px;
    height: 36px;
    width: 36px
}

.bolum__slider .swiper-container .sliderNav .sliderNavBorder .swiper-pagination {
    line-height: 1
}

.sideMenu .sideMenu__list .sideMenu__list__item.moreLinkItem {
    display: none
}

.moreNews {
    clear: both;
    position: relative;
    margin: 30px 0
}

.moreNews a {
    color: #0F4C90;
    font-size: 13px
}

.moreNews a:hover {
    color: #3F77B6
}

.moreNews a:active {
    color: #7FAFE4
}

.moreNews a i {
    position: relative;
    font-size: 11px;
    padding-right: 4px
}

.user-list {
    position: relative
}

.user-list__item {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    margin-left: -6px
}

.user-list__item:after, .user-list__item:before {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    top: 90%;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.user-list__item.selectedItem:after, .user-list__item.selectedItem:before {
    top: 99%;
    left: 50%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2
}

.user-list__item.selectedItem:after {
    border-color: rgba(251, 251, 251, 0);
    border-top-color: #FBFBFB;
    border-width: 12px;
    margin-left: -12px
}

.user-list__item.selectedItem:before {
    border-color: rgba(225, 230, 236, 0);
    border-top-color: #e1e6ec;
    border-width: 11px;
    margin-left: -11px;
    margin-top: 2px
}

.user-list__item:hover, .user-list__item:active, .user-list__item:focus {
    cursor: pointer
}

.user-list__item:hover .user-list__item__content, .user-list__item:active .user-list__item__content, .user-list__item:focus .user-list__item__content {
    border-color: #ddd;
    background-color: #FBFBFB
}

.user-list__item.selectedItem .user-list__item__content {
    background-color: #FBFBFB;
    border-color: #ddd
}

.user-list__item.selectedItem:hover .user-list__item__content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -o-box-shadow: none
}

.user-list__item__content {
    position: relative;
    text-align: center;
    padding: 0 0 30px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    border: 1px solid transparent
}

.user-list__item__content img {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px;
    height: auto
}

.user-list__item__content h3 {
    font-size: 14px;
    line-height: 24px;
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: .02em
}

.user-list__item__content h3 strong {
    font-weight: 400
}

.user-list__item__content span {
    display: block;
    font-size: 13px;
    color: #666;
    letter-spacing: .02em
}

.user-list__detail {
    position: relative;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.user-list__detail.loading {
    background: #FBFBFB url("/views/etu/assets/img/_icons/_loading.svg?v=1") no-repeat center
}

.user-list__detail h4 {
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: 400;
    letter-spacing: .02em;
    position: relative
}

.user-list__detail h4:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 8px;
    font-size: 26px;
    line-height: 0;
    top: 5px
}

.user-list__detail__timeline {
    position: relative
}

.user-list__detail__timeline h4:before {
    content: "\f116"
}

.user-list__detail__info {
    position: relative
}

.user-list__detail__info__arastirma h4:before {
    content: "\f139";
    top: 4px
}

.user-list__detail__info__arastirma ol {
    padding: 10px 0 20px 0;
    position: relative;
    overflow: hidden
}

.user-list__detail__info__arastirma ol li {
    max-width: 90%;
    position: relative;
    line-height: 18px;
    font-size: 14px;
    margin-bottom: 6px
}

.user-list__detail__info__deneyim h4:before {
    content: "\f10f";
    top: 4px
}

.user-list__detail__info__deneyim ol {
    padding: 0 0 10px 0;
    position: relative;
    overflow: hidden
}

.user-list__detail__info__deneyim ol li {
    position: relative;
    margin-top: 15px;
    letter-spacing: .02em
}

.user-list__detail__info__deneyim ol li strong {
    line-height: 18px;
    font-size: 14px;
    display: block
}

.user-list__detail__info__deneyim ol li span {
    font-size: 12px;
    color: #aaa;
    line-height: 17px
}

.user-list__detail__info__baglan h4:before {
    content: "\f10a";
    font-size: 21px;
    top: 2px
}
.user-list__detail__info__baglan .gcris-icon {
    width: 15px;
    height: 15px;
    vertical-align: sub;
    margin-right: .375rem;
}


.user-list__detail__info__baglan__office {
    padding-top: 15px
}

.user-list__detail__info__baglan__office .ofisWrap {
    border: 1px solid #ddd;
    padding: 5px;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.user-list__detail__info__baglan__office .ofisWrap small {
    display: block;
    font-size: 12px;
    letter-spacing: .02em
}

.user-list__detail__info__baglan__office .ofisWrap strong {
    display: block;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .02em
}

.user-list__detail__info__baglan__office .phoneWrap div {
    padding-top: 4px;
    position: relative;
    font-size: 14px;
    padding-left: 15px
}

.user-list__detail__info__baglan__office .phoneWrap div i {
    font-style: normal;
    display: inline-block;
    width: 20px
}

.user-list__detail__info__baglan__office .phoneWrap div a {
    color: #0F4C90
}

.user-list__detail__info__baglan__office .phoneWrap div a:hover, .user-list__detail__info__baglan__office .phoneWrap div a:focus {
    color: #3F77B6
}

.user-list__detail__info__baglan__office .phoneWrap div a:active {
    color: #7FAFE4
}

.user-list__detail__info__baglan__social {
    display: block;
    margin-top: 15px;
    position: relative
}

.user-list__detail__info__baglan__social li {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 20px
}

.user-list__detail__info__baglan__social li i {
    color: #aaa;
    display: inline-block;
    width: 20px;
    font-size: 13px;
    vertical-align: top
}

.user-list__detail__info__baglan__social li a {
    color: #0F4C90;
    margin-left: 2px
}

.user-list__detail__info__baglan__social li a:hover, .user-list__detail__info__baglan__social li a:focus {
    color: #3F77B6
}

.user-list__detail__info__baglan__social li a:active {
    color: #7FAFE4
}

.user-list__detail .noacademicWrap {
    padding: 0 15px
}

.user-list__detail .noacademicFix {
    padding: 15px 0 30px
}

.user-list__detail .noacademicFix p {
    display: block;
    font-size: 16px;
    line-height: 24px
}

.user-list__sub-header {
    display: block;
    font-weight: 400;
    margin: 15px 0 10px;
    border-bottom: 1px solid #ddd;
    padding: 15px 0 10px;
    font-size: 16px
}

.user-list__sub-header.listadd {
    margin: 0 -0.74%;
    padding: 15px 0;
    background: rgba(238, 238, 238, 0.168627);
    text-align: center;
    width: 100.075%
}

@media (max-width: 767px) {
    .user-list__sub-header {
        text-align: center
    }
}

.user-list.list_view .user-list__item {
    border: 1px solid #ddd;
    border-color: transparent transparent #ddd transparent;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.user-list.list_view .user-list__item .user-list__item__content {
    border: none
}

.user-list.list_view .user-list__item:hover {
    background-color: #FBFBFB;
    border: 1px solid #ddd;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.user-list.list_view .user-list__item:hover:not(.first-item) {
    border-top-color: transparent
}

.user-list.list_view .user-list__item:hover .user-list__item__content {
    border: none
}

.timeline {
    position: relative
}

.timeline__header {
    color: #B22029;
    font-weight: 400;
    padding: 10px 0;
    font-size: 20px
}

.timeline__item {
    padding: 10px 0 10px 100px;
    position: relative;
    letter-spacing: .02em
}

.timeline__item.onemli_gun h3, .timeline__item.onemli_gun h4, .timeline__item.onemli_gun h5, .timeline__item.onemli_gun h6 {
    color: #F18B22
}

.timeline__item.onemli_gun h3:before, .timeline__item.onemli_gun h4:before, .timeline__item.onemli_gun h5:before, .timeline__item.onemli_gun h6:before {
    background-color: #F18B22;
    width: 20px;
    height: 20px;
    left: -2.06em;
    top: -1px;
    border-color: #FFDD8D
}

.timeline__item.tatil_gunu h3, .timeline__item.tatil_gunu h4, .timeline__item.tatil_gunu h5, .timeline__item.tatil_gunu h6 {
    color: #3FA83F
}

.timeline__item.tatil_gunu h3:before, .timeline__item.tatil_gunu h4:before, .timeline__item.tatil_gunu h5:before, .timeline__item.tatil_gunu h6:before {
    background-color: #3FA83F;
    width: 15px;
    height: 15px;
    left: -1.915em;
    top: 1px;
    border: 2px solid #d1ead1
}

.timeline__item:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 17px;
    content: attr(data-year);
    width: 100%;
    font-weight: 500;
    padding-top: 10px;
    color: #0F4C90
}

.timeline__item:after {
    position: absolute;
    top: 0;
    left: 77px;
    height: 100%;
    width: 1px;
    content: "";
    background-color: rgba(0, 0, 0, 0.15)
}

.timeline__item h3, .timeline__item h4, .timeline__item h5, .timeline__item h6 {
    display: block;
    font-size: 16px;
    padding-bottom: 4px;
    position: relative
}

.timeline__item h3:before, .timeline__item h4:before, .timeline__item h5:before, .timeline__item h6:before {
    position: absolute;
    left: -1.73999em;
    top: 5px;
    width: 10px;
    height: 10px;
    background-color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    z-index: 2;
    content: "";
    border: 2px solid #FBFBFB
}

.timeline__item strong {
    display: block;
    font-size: 15px;
    color: #666;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: .02em;
    padding-bottom: 10px
}

.timeline__item span {
    font-size: 11px;
    color: #aaa;
    display: block;
    line-height: 15px
}

.timeline.small .timeline__item {
    padding: 25px 0 25px 80px
}

.timeline.small .timeline__item:before {
    padding-top: 25px;
    font-weight: 300
}

.list_or_gallery {
    position: absolute;
    right: 32px;
    top: 8px
}

.list_or_gallery span {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #0F4C90;
    cursor: pointer;
    margin-left: 5px
}

.list_or_gallery span.active {
    color: #aaa;
    cursor: default
}

@media all and (min-width: 1024px) {
    .related-bolum__table__row:hover > .related-bolum__table__row__link + .related-bolum__table__row__link__button {
        height: 125px;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    .sideMenu__list {
        display: block !important
    }
}

@media all and (min-width: 720px) and (max-width: 1023px) {
    .fakulte-listesi.listView .fakulte-listesi__item__block {
        height: 180px !important;
        min-height: 180px !important
    }

    .fakulte-listesi__item__menu__list__item--link, .fakulte-listesi__item__details__list__item a {
        font-weight: 400
    }
}

@media all and (min-width: 1024px) and (max-width: 1199px) {
    .sideMenu__list__item .sideMenu__list__item--link {
        font-size: 15px;
        padding: 10px
    }

    .sideMenu__list__item .sideMenu__list__item--link:before {
        font-size: 11px
    }

    .sideMenu__list__item .sideMenu__list__item--link:hover:before, .sideMenu__list__item .sideMenu__list__item--link:active:before {
        right: 15px;
        top: 17px
    }

    .sideMenu__list__item.active .sideMenu__list__item--link:before {
        right: 15px !important;
        top: 17px
    }

    .sideMenu__list__item--link.subMenuItem:after {
        top: 18px;
        font-size: 12px;
        right: 15px
    }

    .sideMenu__list__item--link.subMenuItem-Inner:after {
        top: 18px;
        font-size: 12px;
        right: 15px
    }

    .sideMenu__list__item__sub__item--link {
        font-size: 14px;
        padding: 10px 20px 10px 30px
    }

    .lisansUstuKutusu__preview i {
        font-size: 100px
    }

    .lisansUstuKutusu__preview strong {
        font-size: 16px;
        line-height: 26px
    }

    .lisansUstuKutusu__preview span {
        font-size: 9px;
        letter-spacing: .04em;
        padding-bottom: 20px;
        padding-top: 5px
    }

    .lisansUstuKutusu__preview button {
        font-size: 14px !important;
        height: 40px !important;
        line-height: 38px !important;
        padding: 0 26px !important
    }

    .related-bolum__table__row__link {
        font-size: 13px;
        line-height: 18px
    }

    .related-bolum__table__row__link__button__header {
        font-size: 12px;
        line-height: 18px
    }

    .bolum__slider {
        max-height: 490px
    }

    .bolum__slider .swiper-container {
        height: 490px
    }

    .bolum__slider .swiper-container .slide-content .title {
        max-width: 540px;
        font-size: 32px;
        line-height: 48px
    }

    .gridder-show .gridder-padding {
        padding: 30px 40px
    }

    .gridder-show .gridder-navigation .gridder-nav {
        font-size: 28px
    }

    .gridder-show .gridder-navigation .gridder-nav.prev {
        left: 0
    }

    .gridder-show .gridder-navigation .gridder-nav.next {
        right: 0
    }

    .timeline__item {
        padding: 25px 0 25px 65px
    }

    .timeline__item:before {
        font-size: 13px;
        padding-top: 27px
    }

    .timeline__item:after {
        left: 48px
    }

    .timeline__item h5 {
        font-size: 13px;
        padding-bottom: 3px;
        line-height: 19px
    }

    .timeline__item strong {
        font-size: 11px;
        line-height: 15px
    }

    .timeline__item span {
        font-size: 10px;
        line-height: 14px
    }

    .user-list__detail h4 {
        font-size: 14px
    }

    .user-list__detail h4:before {
        font-size: 23px
    }

    .user-list__detail__info__arastirma ol {
        padding: 5px 0 20px 0
    }

    .user-list__detail__info__arastirma ol li {
        line-height: 17px;
        font-size: 13px
    }

    .user-list__detail__info__deneyim ol li {
        margin-top: 5px;
        margin-bottom: 14px
    }

    .user-list__detail__info__deneyim ol li strong {
        line-height: 16px;
        font-size: 12px;
        padding-right: 5px
    }

    .user-list__detail__info__deneyim ol li span {
        line-height: 15px;
        font-size: 11px;
        padding-right: 5px
    }

    .user-list__detail__info__baglan h4:before {
        font-size: 19px
    }

    .user-list__detail__info__baglan__office {
        padding-top: 5px
    }

    .user-list__detail__info__baglan__office .ofisWrap small, .user-list__detail__info__baglan__office .ofisWrap strong {
        font-size: 12px
    }

    .user-list__detail__info__baglan__office .phoneWrap div {
        font-size: 12px;
        padding-left: 10px
    }

    .user-list__detail__info__baglan__office .phoneWrap div i {
        width: 15px
    }

    .user-list__detail__info__baglan__social li {
        font-size: 12px;
        line-height: 21px;
        margin-bottom: 3px
    }
}

@media all and (max-width: 1023px) {
    .page-content {
        margin-top: 100px
    }

    .page-content.akademik_takvim {
        margin-top: 15px
    }

    .page-side {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        top: 0;
        z-index: 3
    }

    .mobileSubMenu {
        text-align: center;
        font-weight: 400;
        cursor: pointer;
        font-size: 16px;
        letter-spacing: .04em;
        height: 50px;
        line-height: 50px;
        color: #fff
    }

    .mobileSubMenu i {
        display: inline-block;
        font-size: 12px;
        line-height: 1;
        padding-right: 5px;
        top: -1px;
        position: relative
    }

    .mobileSubMenu.active {
        background-color: rgba(0, 0, 0, 0.08)
    }

    .mobileSubMenu.active:after {
        top: 77%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(46, 96, 165, 0);
        border-bottom-color: #0f4c90;
        border-width: 6px;
        margin-left: -6px;
        z-index: 99
    }

    .mobileSubMenu.active i:before {
        content: "\f12f"
    }

    .blockBox.withDesc .blockBox__item .blockBox__item__link {
        padding: 15px 20px 15px 75px
    }

    .blockBox.withDesc .blockBox__item .blockBox__item__link i {
        font-size: 40px;
        left: 15px
    }

    .blockBox.withDesc .blockBox__item .blockBox__item__link .blockBox__item__link__header {
        font-size: 16px;
        line-height: 22px
    }

    .blockBox.withDesc .blockBox__item .blockBox__item__link .blockBox__item__link__header:before {
        display: none;
        content: ""
    }

    .blockBox.withDesc .blockBox__item .blockBox__item__link .blockBox__item__link__desc {
        font-size: 13px;
        line-height: 18px
    }

    .blockBox .blockBox__item .blockBox__item__link {
        padding: 15px
    }

    .blockBox .blockBox__item .blockBox__item__link i {
        font-size: 36px
    }

    .blockBox .blockBox__item .blockBox__item__link .blockBox__item__link__header {
        font-size: 16px;
        line-height: 21px
    }

    .blockBox .blockBox__item .blockBox__item__link .blockBox__item__link__header:before {
        font-size: 10px;
        line-height: 42px;
        left: 110%
    }

    .blockBox .blockBox__item .blockBox__item__link .blockBox__item__link__desc {
        font-size: 13px;
        line-height: 18px
    }

    .blockBox .blockBox__item .blockBox__item__link.active .blockBox__item__link__header:before {
        line-height: 22px;
        left: 95%
    }

    .sideMenu {
        margin: 0 auto;
        background-color: #0F4C90
    }

    .sideMenu__list {
        border: none;
        margin: 0 auto;
        display: block;
        text-align: center;
        background-color: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -o-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }

    .sideMenu__list__item {
        display: block;
        width: 100%;
        text-align: center;
        color: #fff;
        position: relative
    }

    .sideMenu__list__item__sub {
        position: absolute;
        top: 100%;
        z-index: 3;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        border-bottom: 1px solid #ddd
    }

    .sideMenu__list__item__sub__item {
        display: inline-block
    }

    .sideMenu__list__item__sub__item.active a, .sideMenu__list__item__sub__item:hover a, .sideMenu__list__item__sub__item:active a, .sideMenu__list__item__sub__item:focus a {
        background-color: transparent !important
    }

    .sideMenu__list__item__sub__item--link {
        border-bottom: none;
        line-height: 24px;
        font-size: 15px;
        padding: 15px 20px
    }

    .sideMenu__list__item__sub__item--link:before {
        content: "";
        display: none
    }

    .sideMenu__list__item--link {
        color: #fff;
        border-bottom: none;
        font-size: 15px;
        line-height: 24px
    }

    .sideMenu__list__item--link:before {
        content: ""
    }

    .sideMenu__list__item--link.subMenuItem {
        background-color: transparent !important;
        color: #fff
    }

    .sideMenu__list__item--link.subMenuItem-Inner {
        background-color: transparent !important;
        color: #fff
    }

    .sideMenu__list__item--link.subMenuItem:after {
        top: 21px;
        font-size: 10px;
        right: 15px;
        left: auto
    }

    .sideMenu__list__item--link.subMenuItem-Inner:after {
        top: 21px;
        font-size: 10px;
        right: 15px;
        left: auto
    }

    .sideMenu__list__item.active .sideMenu__list__item--link, .sideMenu__list__item:hover .sideMenu__list__item--link, .sideMenu__list__item:focus .sideMenu__list__item--link, .sideMenu__list__item:active .sideMenu__list__item--link {
        color: #fff;
        background-color: transparent;
    }

 .sideMenu__list__item.active .sideMenu__list__item--link.subMenuItem-Inner {
     color: #3F77B6;
     line-height: 50px;
     height: 50px;
     text-align: left;
     font-size: 15px;
     padding: 0 20px;
     border-bottom: 1px solid #ddd;
  }

    .sideMenu__list__item--link.subMenuItem-Inner.active .sideMenu__list__item__sub__Links li a {
        padding-left: 35px !important;
    }

    .sideMenu__list__item.active .sideMenu__list__item--link {
        font-weight: 400
    }



    .sideMenu__list__item.subMenuItem {
        background-color: transparent !important;
        color: #fff
    }

    .sideMenu__list__item.subMenuItem:before {
        content: "\f13d"
    }

    .sideMenu__list__item.subMenuItem-Inner {
        background-color: transparent !important;
        color: #fff
    }

    .sideMenu__list__item.subMenuItem-Inner:before {
        content: "\f13d"
    }

    .sideMenu .sideMenu__list .sideMenu__list__item.moreLinkItem {
        display: inline-block
    }

    .sideMenu .sideMenu__list .sideMenu__list__item.moreLinkItem .sideMenu__list__item--link i {
        font-size: 20px;
        line-height: 0;
        position: relative;
        top: 3px
    }

    .lisansUstuKutusu__preview, .iletisimKutusu__preview {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -o-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        border-left: none;
        padding: 10px 20px 10px;
        cursor: pointer
    }

    .lisansUstuKutusu__preview span, .lisansUstuKutusu__preview button, .lisansUstuKutusu__preview:before {
        display: none
    }

    .lisansUstuKutusu__preview strong {
        display: inline-block;
        font-size: 13px
    }

    .lisansUstuKutusu__preview i {
        display: inline-block;
        font-size: 24px;
        line-height: 1;
        position: relative;
        top: 4px;
        padding-right: 5px
    }

    .iletisimKutusu__preview {
        background-color: #FBFBFB
    }

    .iletisimKutusu__preview h2 {
        display: inline-block;
        font-size: 13px;
        color: #0F4C90;
        width: 100%;
        text-align: center;
        line-height: 32px;
        letter-spacing: .04em;
        font-weight: 400;
        padding-bottom: 0
    }

    .iletisimKutusu__preview h2:before {
        font-family: "etuIcon" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        top: 0;
        padding-right: 8px;
        line-height: 1;
        font-size: 14px;
        content: "\f13b"
    }

    .iletisimKutusu__preview h2.active:before {
        content: "\f10d";
        padding-right: 1em;
        font-size: 10px;
        top: -1px
    }

    .iletisimKutusu__preview #iletisimBox {
        display: none
    }

    .iletisimKutusu__preview .iletisimKutusu__list__item--link {
        line-height: 26px;
        font-size: 12px
    }

    .iletisimKutusu__preview .iletisimKutusu__list, .iletisimKutusu__preview .social_pages {
        text-align: center;
        margin: 0 auto;
        height: auto
    }

    .iletisimKutusu__preview .social_pages {
        text-align: center
    }

    .iletisimKutusu__preview .social_pages a {
        margin-right: 5px;
        padding: 10px 5px
    }

    .related-bolum {
        margin-top: 20px
    }

    .related-bolum__table {
        margin-top: 10px;
        overflow-y: auto;
        display: block;
        background-color: #fff
    }

    .related-bolum__table__row {
        white-space: nowrap;
        overflow: hidden;
        height: 60px;
        border-bottom: 1px solid #ddd
    }

    .related-bolum__table__row:last-child {
        border-right: none
    }

    .related-bolum__table__row__link {
        display: table-cell;
        height: 60px;
        font-size: 13px;
        padding: 0 20px
    }

    .bolum__slider {
        max-height: 480px
    }

    .bolum__slider .swiper-container {
        height: 480px
    }

    .bolum__slider .swiper-container .slide-content .title {
        max-width: 720px;
        font-size: 30px;
        line-height: 46px
    }

    .bolum__slider .swiper-container .sliderNav {
        left: 0;
        bottom: 40px
    }

    .sideMenu {
        height: 50px;
        z-index: 99
    }

    .sideMenu__list {
        position: relative;
        top: 0;
        z-index: 9;
        width: 100%;
        background-color: #0F4C90;
        display: none
    }

    .sideMenu__list__item {
        display: block
    }

    .sideMenu__list__item__sub {
        position: relative;
        top: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        -o-box-shadow: none;
        border-bottom: none
    }

    .sideMenu__list__item__sub__item {
        display: block
    }

    .sideMenu__list__item__sub__item--link {
        line-height: 50px;
        height: 50px;
        text-align: left;
        font-size: 15px;
        padding: 0 20px;
        border-bottom: 1px solid #ddd
    }

    .sideMenu__list__item__sub__item--link:before {
        content: "";
        display: none
    }

    .sideMenu__list__item--link {
        color: #fff;
        border-bottom: none;
        font-size: 15px;
        text-align: left;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        line-height: 1.215em;
        height: 50px
    }

    .sideMenu__list__item--link.subMenuItem {
        background-color: transparent !important;
        color: #fff
    }

    .sideMenu__list__item--link.subMenuItem-Inner {
        background-color: transparent !important;
        color: #fff
    }

    .sideMenu .sideMenu__list .sideMenu__list__item.moreLinkItem {
        display: none
    }
}

@media all and (min-width: 0) and (max-width: 719px) {
    .blockBox {
        margin: 0 auto
    }

    .blockBox.withTwo {
        max-width: 100%;
        margin-left: 0
    }

    .lisansUstuKutusu__preview, .iletisimKutusu__preview {
        padding: 6px 10px 6px
    }

    .lisansUstuKutusu__preview i {
        font-size: 20px
    }

    .lisansUstuKutusu__preview strong {
        font-size: 11px
    }

    .iletisimKutusu__preview h2 {
        font-size: 11px
    }

    .iletisimKutusu__preview h2:before {
        font-size: 12px
    }

    .blockBox.withDesc {
        padding: 5px
    }

    .blockBox.withDesc .blockBox__item .blockBox__item__link {
        padding: 10px 10px 10px 50px
    }

    .blockBox.withDesc .blockBox__item .blockBox__item__link i {
        font-size: 28px;
        left: 10px
    }

    .blockBox.withDesc .blockBox__item .blockBox__item__link .blockBox__item__link__header {
        font-size: 14px;
        line-height: 20px
    }

    .blockBox.withDesc .blockBox__item .blockBox__item__link .blockBox__item__link__desc {
        font-size: 11px;
        line-height: 16px
    }

    .blockBox .blockBox__item .blockBox__item__link {
        text-align: left;
        padding: 10px
    }

    .blockBox .blockBox__item .blockBox__item__link i {
        font-size: 32px
    }

    .blockBox .blockBox__item .blockBox__item__link .blockBox__item__link__header {
        font-size: 14px;
        line-height: 21px
    }

    .blockBox .blockBox__item .blockBox__item__link .blockBox__item__link__header:before {
        font-size: 9px;
        line-height: 37px
    }

    .related-bolum__table__row {
        height: 54px
    }

    .related-bolum__table__row__link {
        font-size: 12px;
        line-height: 15px;
        height: 54px
    }

    .bolum__slider {
        max-height: 400px;
        margin: 15px auto -15px;
        left: -20px;
        top: -20px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -o-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }

    .bolum__slider .swiper-container {
        height: 400px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -o-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        position: relative
    }

    .bolum__slider .swiper-container img {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -o-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }

    .bolum__slider .swiper-container .swiper-slide {
        position: relative;
        width: 100%
    }

    .bolum__slider .swiper-container .swiper-slide:before {
        background-color: rgba(0, 0, 0, 0.3) !important
    }

    .bolum__slider .swiper-container .slide-content {
        top: 0
    }

    .bolum__slider .swiper-container .slide-content .title {
        max-width: 360px;
        font-size: 22px;
        line-height: 32px;
        margin: 0 auto
    }

    .gridder-show .gridder-padding {
        padding: 55px 45px 20px
    }

    .gridder-show .gridder-navigation .gridder-close {
        padding: 20px 0;
        text-align: center;
        margin: auto auto;
        left: 0
    }

    .user-list__detail {
        text-align: center
    }

    .timeline.small {
        padding: 10px 0 15px 0;
        text-align: left
    }

    .timeline.small .timeline__item {
        padding: 25px 0 0 0
    }

    .timeline.small .timeline__item:before {
        padding-top: 30px;
        top: 0;
        position: absolute
    }

    .timeline.small h3, .timeline.small h4, .timeline.small h5, .timeline.small h6 {
        padding: 35px 0 5px
    }

    .timeline.small h3:before, .timeline.small h4:before, .timeline.small h5:before, .timeline.small h6:before {
        left: 0;
        right: 0;
        top: -20px;
        margin: auto auto
    }

    .timeline .timeline__item {
        padding: 20px 0 20px 0;
        text-align: center
    }

    .timeline .timeline__item:before {
        padding-top: 0;
        top: -32px;
        position: relative
    }

    .timeline .timeline__item:after {
        left: 0;
        right: 0;
        margin: auto auto
    }

    .timeline .timeline__item.onemli_gun h3:before, .timeline .timeline__item.onemli_gun h4:before, .timeline .timeline__item.onemli_gun h5:before, .timeline .timeline__item.onemli_gun h6:before {
        top: -26px
    }

    .timeline .timeline__item h3:before, .timeline .timeline__item h4:before, .timeline .timeline__item h5:before, .timeline .timeline__item h6:before {
        left: 0;
        right: 0;
        top: -22px;
        margin: auto auto
    }

    .timeline .timeline__header {
        text-align: center;
        display: block;
        padding: 0 0 20px
    }

    .user-list__detail__info__arastirma ol li {
        max-width: 100%;
        margin-bottom: 10px
    }

    .user-list__detail__info__deneyim ol li {
        margin-bottom: 20px;
        margin-top: 10px
    }

    .user-list__detail__info__deneyim ol li strong {
        font-weight: normal
    }

    .user-list__detail__info__baglan__office {
        padding-top: 5px
    }

    .user-list__detail__info__baglan__office .ofisWrap {
        margin-bottom: 10px;
        display: inline-block;
        padding: 5px 10px
    }

    .user-list__detail__info__baglan__office .phoneWrap div {
        padding-top: 6px;
        padding-left: 0
    }

    .moreNews {
        clear: both;
        position: relative;
        margin: 30px 0 0
    }

    .moreNews a {
        display: block;
        padding: 20px;
        background-color: #EFF5FC;
        text-align: center
    }

    .moreNews a:hover {
        color: #0F4C90
    }

    .moreNews a:active {
        color: #0F4C90
    }
}

.timeline.kadroList.small .timeline__item {
    padding: 25px 0 25px 65px
}

.timeline.kadroList .timeline__item:after {
    left: 62px
}

.timeline.kadroList .timeline__item h3:before, .timeline.kadroList .timeline__item h4:before, .timeline.kadroList .timeline__item h5:before, .timeline.kadroList .timeline__item h6:before {
    left: -0.539em
}

.timeline.kadroList .timeline__item h3, .timeline.kadroList .timeline__item h4, .timeline.kadroList .timeline__item h5, .timeline.kadroList .timeline__item h6 {
    font-size: 14px;
    padding-bottom: 6px;
    position: relative;
    padding-left: 10px;
    line-height: 20px
}

.timeline.kadroList .timeline__item strong {
    line-height: 1.423em;
    font-size: 12px;
    padding-left: 10px;
    padding-bottom: 5px
}

.timeline.kadroList .timeline__item span {
    line-height: 16px;
    padding-left: 10px
}

.arastirmalar {
    position: relative;
    overflow: hidden;
    clear: both
}

.arastirmalar__item {
    position: relative;
    overflow: hidden;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd
}

.arastirmalar__item__title {
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px
}

@media (max-width: 767px) {
    .arastirmalar__item__title {
        padding-bottom: 15px;
        text-align: center;
        padding-top: 10px
    }
}

.arastirmalar__item__media {
    position: relative;
    float: right;
    display: table-cell;
    vertical-align: top;
    margin-left: 30px
}

@media (max-width: 767px) {
    .arastirmalar__item__media {
        display: block;
        margin: 0 auto;
        float: none;
        text-align: center
    }
}

.arastirmalar__item__media__item {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff
}

@media (max-width: 767px) {
    .arastirmalar__item__media__item {
        display: inline-block;
        margin-bottom: 10px
    }
}

.arastirmalar__item__media__item a {
    border: 1px solid #ddd;
    max-width: 340px;
    width: 100%;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff;
    display: block;
    position: relative
}

@media (max-width: 767px) {
    .arastirmalar__item__media__item a {
        display: inline-block;
        margin: 0 15px;
        max-width: 310px;
        text-align: center
    }
}

.arastirmalar__item__media__item a.popup-youtube:before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.45) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.45) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.45) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#73000000', GradientType=0)
}

.arastirmalar__item__media__item a.popup-youtube:after {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    margin: auto auto;
    position: absolute;
    display: block;
    background: transparent url("/views/etu/assets/img/play.png") center center no-repeat;
    background-size: 44px;
    width: 44px;
    height: 44px;
    bottom: 0;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.arastirmalar__item__media__item a.popup-youtube:hover:before {
    background-color: #000;
    background-image: none;
    filter: alpha(opacity=55);
    -moz-opacity: .55;
    -khtml-opacity: .55;
    opacity: .55
}

.arastirmalar__item__media__item a.popup-youtube:hover:after {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.arastirmalar__item__media__item a img {
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff;
    width: 100%;
    height: auto
}

.arastirmalar__item__content {
    position: relative;
    vertical-align: top;
    display: table-cell
}

.arastirmalar__item__content__desc {
    display: block;
    padding-bottom: 15px;
    line-height: 28px;
    color: #333;
    letter-spacing: .02em
}

.arastirmalar__item__content__block {
    position: relative;
    margin-top: 15px;
    padding-top: 5px
}

.arastirmalar__item__content__title {
    display: block;
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 14px
}

.arastirmalar__item__content__list {
    display: block;
    position: relative
}

.arastirmalar__item__content__list__item {
    display: inline-block;
    position: relative;
    line-height: 24px
}

.arastirmalar__item__content__list__item:after {
    content: ",";
    position: relative;
    margin-right: 3px;
    padding-left: .001em
}

.arastirmalar__item__content__list__item:last-child:after {
    display: none
}

.hastane-box {
    position: relative;
    clear: both;
    display: none;
    padding-top: 15px;
    margin-top: 10px;
    border-top: 1px solid #ddd
}

@media (max-width: 1023px) {
    .hastane-box {
        text-align: center;
        display: block
    }
}

.hastane-box strong {
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px
}

.hastane-box address {
    display: block;
    font-size: 13px;
    line-height: 20px;
    font-style: normal;
    margin-bottom: 8px
}

.hastane-box span {
    display: block;
    font-size: 12px;
    line-height: 20px
}

.tobb_hastane {
    display: none;
    position: relative;
    margin-bottom: 20px;
    clear: both;
    overflow: hidden
}

.tobb_hastane img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: block;
    margin-bottom: 10px
}

.tobb_hastane strong {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px
}

.tobb_hastane address {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    margin-bottom: 8px
}

.tobb_hastane span {
    display: block;
    font-size: 14px;
    line-height: 26px
}

@media (min-width: 1025px) {
    .tobb_hastane {
        display: block
    }
}

.featured_header {
    height: 520px
}

.aday_menu {
    position: relative;
    margin: 0 auto;
    z-index: 2
}

.aday_menu__big {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto auto;
    top: -60px;
    height: 60px;
    text-align: center;
    font-size: 0
}

.aday_menu__big__item {
    display: inline-block;
    margin-left: -1px
}

.aday_menu__big__item:first-child {
    margin-left: 0
}

.aday_menu__big__item:first-child a {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
    -ms-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
    -o-border-radius: 3px 0 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-left: none
}

.aday_menu__big__item:last-child a {
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    -ms-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
    -o-border-radius: 0 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.aday_menu__big__item.uniform a {
    background-color: #F18B22
}

.aday_menu__big__item.uniform a:hover, .aday_menu__big__item.uniform a:active {
    background-color: #eb7e0f
}

.aday_menu__big__item.uniform a i {
    padding-left: 10px;
    font-size: 16px;
    line-height: 1;
    position: relative;
    top: -1px
}

.aday_menu__big__item a {
    line-height: 60px;
    padding: 0 30px;
    display: block;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    background-color: rgba(50, 104, 179, 0.8);
    color: #fff;
    position: relative;
    font-size: 18px;
    letter-spacing: .02em;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.aday_menu__big__item a:hover {
    background-color: rgba(50, 104, 179, 0.95)
}

.aday_menu__big__item.active a {
    color: #0F4C90;
    z-index: 2;
    top: -30px;
    padding-bottom: 30px;
    font-weight: 400;
    background-color: #fff;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.aday_menu__big__item.active a:after {
    position: absolute;
    display: block;
    text-align: center;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f113";
    margin: auto;
    bottom: 15px;
    left: 0;
    right: 0
}

.aday_menu__big__item.active a:before {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1
}

.aday_menu__small {
    position: relative;
    background-color: #fff;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    border-bottom: 1px solid #ddd;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.aday_menu__small__item {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.aday_menu__small__item--link {
    padding: 19px 0 17px;
    line-height: 24px;
    display: block;
    color: #0F4C90;
    font-size: 16px;
    letter-spacing: .02em;
    transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s
}

.aday_menu__small__item--link:hover {
    background-color: #EFF5FC
}

.aday_menu__sub {
    position: absolute;
    display: none;
    top: 55px;
    right: -13px;
    z-index: 3;
    width: 215px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15)
}

.aday_menu__sub__item {
    display: block
}

.aday_menu__sub__item--link {
    line-height: 44px;
    display: block;
    color: #0F4C90;
    letter-spacing: .02em;
    padding: 0 20px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    text-align: left
}

.aday_menu__sub__item:nth-child(even) {
    background-color: #FBFBFB
}

.aday_menu__sub__item:last-child a {
    border-bottom: none
}

.aday_menu.is_stuck .aday_menu__small {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05)
}

.aday_menu__small__item.more .aday_menu__small__item--link {
    font-size: 24px
}

.aday_menu__small__item.active, .aday_menu__sub__item.active {
    background-color: #EFF5FC
}

.aday_menu__small__item.active a, .aday_menu__sub__item.active a {
    font-weight: 400
}

.aday_content_img {
    position: relative;
    width: 52.65%
}

.aday_ogrenci_inner {
    padding: 20px;
    position: relative
}

.aday_ogrenci_burslar {
    position: relative
}

.aday_ogrenci_burslar.burs_tip {
    background-color: transparent;
    background-attachment: scroll;
    background-repeat: no-repeat;
    border-top: 1px solid #ddd
}

.aday_ogrenci_burslar.burs_tip.b1 {
    background-image: url("/views/etu/assets/img/_aday_ogrenci/burs_1.png");
    background-position: -10% 110%;
    border-top: none
}

.aday_ogrenci_burslar.burs_tip.b2 {
    background-image: url("/views/etu/assets/img/_aday_ogrenci/burs_2.png");
    background-position: -10% 50%;
    background-color: #FBFBFB
}

.aday_ogrenci_burslar.burs_tip.b3 {
    background-image: url("/views/etu/assets/img/_aday_ogrenci/burs_3.png");
    background-position: -14% 50%
}

.aday_ogrenci_burslar.burs_tip.b4 {
    background-image: url("/views/etu/assets/img/_aday_ogrenci/burs_4.png");
    background-position: -5% -90%;
    background-color: #FBFBFB
}

.aday_ogrenci_burslar.burs_tip.b5 {
    background-image: url("/views/etu/assets/img/_aday_ogrenci/burs_5.png");
    background-position: -25% 50%
}

.aday_ogrenci_burslar.burs_tip.b6 {
    background-image: url("/views/etu/assets/img/_aday_ogrenci/burs_6.png");
    background-position: 2% -25%;
    background-color: #FBFBFB
}

.aday_ogrenci_burslar.more {
    border-top: 1px solid #ddd;
    position: relative;
    overflow: hidden
}

.aday_ogrenci_burslar.more article {
    text-align: center
}

.aday_ogrenci_burslar.more article .morePad {
    padding: 100px 75px
}

.aday_ogrenci_burslar.more article .morePad p {
    padding-top: 15px
}

.aday_ogrenci_burslar.ucretler:first-child, .aday_ogrenci_burslar.ucretler:last-child {
    background-color: #FBFBFB;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #ddd
}

.aday_ogrenci_burslar.ucretler .aday_burslar_content_area__description.small {
    font-size: 14px;
    padding: 10px 0
}

.aday_ogrenci_burslar.ucretler .aday_ogrenci_ucretler_subtitle {
    display: block
}

.aday_ogrenci_burslar.ucretler .aday_burslar_content_area__description {
    padding: 15px 0 0
}

.aday_ogrenci_burslar.ucretler .list_item {
    display: block;
    margin: 0 auto
}

.aday_ogrenci_burslar.ucretler .list_item li {
    display: block;
    margin-bottom: 6px;
    color: #666;
    letter-spacing: .02em
}

.aday_ogrenci_ucretler {
    margin-bottom: 50px
}

.aday_ogrenci_ucretler .ucret_title {
    display: block;
    padding: 15px 0 25px;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .02em;
    margin: 0 auto;
    font-weight: 400
}

#aday_content {
    position: relative
}

#aday_content section {
    background-color: #fff
}

#aday_content section article {
    position: relative;
    width: 100%;
    height: 560px;
    overflow: hidden
}

#aday_content section article.right .aday_content_img {
    float: left;
    position: relative
}

#aday_content section article.right .aday_content_area {
    right: 5%
}

#aday_content section article.right:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 0;
    transform: skew(10deg);
    -o-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    background: #FBFBFB;
    content: ""
}

#aday_content section article.left .aday_content_img {
    float: right
}

#aday_content section article.left .aday_content_area {
    left: 5%
}

#aday_content section article.left:after {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 50%;
    margin-right: -100px;
    top: 0;
    transform: skew(-10deg);
    -o-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    background: #fff;
    content: ""
}

#aday_content section:nth-child(odd) {
    background-color: #FBFBFB
}

#aday_content__burslar {
    position: relative
}

#aday_content__burslar section {
    background-color: #fff
}

#aday_content__burslar section article {
    position: relative;
    width: 100%;
    overflow: hidden
}

#aday_content__burslar section article .etu-table {
    margin: 0 auto 25px
}

.scrolling-tabs {
    padding: 20px 0
}

.timeline_horizontal {
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 65px 15px 15px
}

.timeline_horizontal:before {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: -10px auto 0
}

.timeline_horizontal .year {
    display: inline-block;
    padding: 0 10px;
    margin: 0 10px;
    width: 50px
}

.timeline_horizontal .year div {
    color: #B22029;
    font-weight: 400;
    position: relative;
    line-height: 0;
    height: 32px;
    text-align: center
}

.timeline_horizontal .year div:before {
    position: absolute;
    left: 0;
    top: -50px;
    font-size: 15px;
    content: attr(data-year);
    width: 100%;
    font-weight: 400;
    color: #000;
    line-height: 0
}

.timeline_horizontal .year div:after {
    content: "";
    width: 6px;
    height: 6px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
    -o-border-radius: 60px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #000;
    position: absolute;
    top: -23px;
    left: 0;
    right: 0;
    margin: auto
}

.timeline_horizontal .year:nth-child(1) {
    font-size: 9px;
    filter: alpha(opacity=45);
    -moz-opacity: .45;
    -khtml-opacity: .45;
    opacity: .45
}

.timeline_horizontal .year:nth-child(1) div:after {
    top: -26px
}

.timeline_horizontal .year:nth-child(2) {
    font-size: 9px;
    filter: alpha(opacity=55);
    -moz-opacity: .55;
    -khtml-opacity: .55;
    opacity: .55
}

.timeline_horizontal .year:nth-child(2) div:after {
    top: -26px
}

.timeline_horizontal .year:nth-child(3) {
    font-size: 10px;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6
}

.timeline_horizontal .year:nth-child(3) div:after {
    top: -25px
}

.timeline_horizontal .year:nth-child(4) {
    font-size: 10px;
    filter: alpha(opacity=65);
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65
}

.timeline_horizontal .year:nth-child(4) div:after {
    top: -25px
}

.timeline_horizontal .year:nth-child(5) {
    font-size: 11px;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

.timeline_horizontal .year:nth-child(5) div:after {
    top: -25px
}

.timeline_horizontal .year:nth-child(6) {
    font-size: 12px;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.timeline_horizontal .year:nth-child(6) div:after {
    top: -25px
}

.timeline_horizontal .year:nth-child(7) {
    font-size: 13px;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.timeline_horizontal .year:nth-child(7) div:after {
    top: -24px
}

.timeline_horizontal .year:nth-child(8) {
    font-size: 14px;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9
}

.timeline_horizontal .year:nth-child(8) div:after {
    top: -24px
}

.timeline_horizontal .year:nth-child(9) {
    font-size: 15px
}

table {
    width: 100% !important
}

.aday_content_area {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    position: absolute;
    z-index: 1;
    max-width: 45%;
    padding: 0 30px;
    text-align: center;
    margin: auto;
    top: 25%
}

.aday_content_area__title {
    display: block;
    font-size: 44px;
    letter-spacing: .14em;
    line-height: 58px;
    font-weight: 400
}

.aday_content_area__quote {
    display: block;
    padding: 10px 0 25px;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: .04em
}

.aday_content_area__description {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    letter-spacing: .04em;
    display: block;
    margin: 0 auto 25px
}

.aday_burslar_content_area {
    margin: 0 auto;
    padding: 75px 0;
    max-width: 840px;
    text-align: center
}

.aday_burslar_content_area__title {
    display: block;
    font-size: 40px;
    letter-spacing: .2em;
    line-height: 60px;
    font-weight: 400
}

.aday_burslar_content_area__quote {
    display: block;
    padding: 15px 0 25px;
    font-size: 22px;
    line-height: 38px;
    letter-spacing: .04em;
    max-width: 720px;
    margin: 0 auto;
    color: #666
}

.aday_burslar_content_area__description {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    letter-spacing: .04em;
    display: block;
    margin: 0 auto 20px
}

.aday_burslar_content_area__description a {
    color: #0F4C90
}

.aday_burslar_content_area__description a:hover, .aday_burslar_content_area__description afocus {
    color: #3F77B6
}

.aday_burslar_content_area__description a:active {
    color: #7FAFE4
}

.ucret__sort {
    position: relative;
    margin: 0 auto;
    height: 75px;
    background-color: #fafafb;
    overflow: hidden;
    clear: both;
    padding: 5px 10px;
    border: 1px solid #ddd
}

@media (max-width: 47.99em) {
    .ucret__sort {
        text-align: center;
        height: auto;
        padding: 0
    }
}

.ucret__sort .rightFloated {
    text-align: right
}

@media (max-width: 47.99em) {
    .ucret__sort .rightFloated {
        text-align: center;
        padding-bottom: 0
    }
}

.ucret__sort label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 46px;
    color: #B22029
}

@media (max-width: 47.99em) {
    .ucret__sort label {
        line-height: 30px
    }
}

.ucret__sort select {
    max-width: 300px
}

.logo_info.katalog {
    padding: 0 20px 15px;
    max-width: 670px;
    text-align: center;
    margin: 0 auto
}

@media all and (min-width: 0px) and (max-width: 690px) {
    .logo_info.katalog {
        padding: 0 0 15px
    }

    .katalog_wrap {
        padding: 0
    }
}

#talep-form {
    max-width: 670px;
    margin: 0 auto;
    padding: 20px;
    background-color: #eee
}

@media all and (min-width: 1650px) {
    .aday_menu__small__item.more {
        display: none
    }

    .aday_content_area__title {
        font-size: 44px;
        line-height: 60px
    }

    .aday_content_area__quote {
        font-size: 28px;
        line-height: 44px
    }

    .aday_content_area__description {
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 50px
    }
}

@media all and (min-width: 1400px) and (max-width: 1650px) {
    .aday_menu__small__item:nth-child(8), .aday_menu__small__item:nth-child(7), .aday_menu__sub__item:nth-child(1) {
        display: none
    }
}

@media all and (min-width: 1024px) and (max-width: 1399px) {
    .featured_header {
        height: 475px
    }

    .aday_menu__small__item:nth-child(8), .aday_menu__small__item:nth-child(7), .aday_menu__small__item:nth-child(6) {
        display: none
    }

    .aday_menu__big {
        height: 54px;
        top: -54px
    }

    .aday_menu__big__item a {
        line-height: 54px;
        padding: 0 30px;
        font-size: 17px
    }

    .aday_menu__big__item.active a {
        top: -20px;
        padding-bottom: 20px;
        background-color: #fff
    }

    .aday_menu__small {
        z-index: 2
    }

    .aday_menu__small__item--link {
        font-size: 15px
    }

    .aday_menu__small__item.more .aday_menu__small__item--link {
        font-size: 22px
    }

    .aday_menu__sub {
        top: 49px
    }

    .aday_content_area {
        padding: 0;
        max-width: 50%
    }

    .aday_content_area .aday_content_area__title {
        font-size: 36px;
        line-height: 46px
    }

    .aday_content_area .aday_content_area__quote {
        font-size: 20px;
        line-height: 32px
    }

    .aday_content_area .aday_content_area__description {
        font-size: 15px;
        line-height: 25px
    }

    .aday_content_img {
        width: 45%
    }

    #aday_content section article.right:after {
        margin-left: -125px
    }

    #aday_content section article.left:after {
        margin-right: -125px
    }

    .aday_burslar_content_area {
        padding: 70px 0
    }

    .aday_ogrenci_burslar.burs_tip.b1 {
        background-size: 350px
    }

    .aday_ogrenci_burslar.burs_tip.b2 {
        background-position: -10% 50%;
        background-size: 270px
    }

    .aday_ogrenci_burslar.burs_tip.b3 {
        background-position: -12% 50%;
        background-size: 350px
    }

    .aday_ogrenci_burslar.burs_tip.b4 {
        background-position: -2% -155%;
        background-size: 315px
    }

    .aday_ogrenci_burslar.burs_tip.b5 {
        background-position: -18% 45%;
        background-size: 400px
    }

    .aday_ogrenci_burslar.burs_tip.b6 {
        background-position: 3% -50%;
        background-size: 165px
    }

    .aday_ogrenci_burslar .aday_burslar_content_area__title {
        font-size: 36px;
        line-height: 44px
    }

    .aday_ogrenci_burslar .aday_burslar_content_area__quote {
        font-size: 20px;
        line-height: 32px
    }

    .aday_ogrenci_burslar .aday_burslar_content_area__description {
        font-size: 15px;
        line-height: 28px
    }

    .aday_ogrenci_burslar.more article .morePad {
        padding: 70px 50px
    }
}

@media all and (max-width: 1023px) {
    .featured_header {
        height: 370px !important
    }

    .featured_header__detail {
        top: 55%;
        padding: 0 10px
    }

    .aday_menu.is_stuck .aday_menu__big {
        top: -58px
    }

    .aday_menu.is_stuck .aday_menu__small {
        top: -58px
    }

    .aday_menu__big {
        position: relative;
        text-align: center;
        width: 100%;
        left: 0;
        top: 0;
        height: 54px;
        display: table;
        table-layout: fixed;
        background-color: rgba(50, 104, 179, 0.8)
    }

    .aday_menu__big .aday_menu__big__item {
        display: table-cell
    }

    .aday_menu__big .aday_menu__big__item:nth-child(1) {
        width: 200px
    }

    .aday_menu__big .aday_menu__big__item:nth-child(2) {
        width: 195px
    }

    .aday_menu__big .aday_menu__big__item a {
        line-height: 26px;
        padding: 15px 10px;
        font-size: 14px;
        font-weight: 400;
        white-space: nowrap
    }

    .aday_menu__big .aday_menu__big__item.active a {
        top: -15px;
        padding-bottom: 15px
    }

    .aday_menu__big .aday_menu__big__item.active a:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 126%
    }

    .aday_menu__big .aday_menu__big__item.active a:after {
        bottom: -5px
    }

    .aday_menu__small {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        display: block;
        width: 100%;
        white-space: nowrap;
        vertical-align: top;
        -webkit-overflow-scrolling: touch;
        top: 0;
        left: 0;
        padding: 0;
        z-index: 3
    }

    .aday_menu__small .aday_menu__small__item {
        display: inline-block;
        text-align: center;
        position: relative;
        width: auto;
        margin-left: -4px
    }

    .aday_menu__small .aday_menu__small__item.more {
        display: none
    }

    .aday_menu__small .aday_menu__small__item .aday_menu__small__item--link {
        padding: 0 50px;
        line-height: 48px;
        font-size: 14px
    }

    .aday_content_area {
        top: 18%;
        max-width: 50%;
        padding: 0 15px
    }

    .aday_content_area .aday_content_area__title {
        font-size: 36px;
        line-height: 48px
    }

    .aday_content_area .aday_content_area__quote {
        padding: 10px 0 20px;
        font-size: 19px;
        line-height: 32px
    }

    .aday_content_area .aday_content_area__description {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 35px
    }

    .aday_ogrenci_burslar {
        background-image: none !important
    }

    .aday_ogrenci_burslar .aday_burslar_content_area {
        padding: 30px 0
    }

    .aday_ogrenci_burslar .aday_burslar_content_area__title {
        font-size: 36px;
        line-height: 44px
    }

    .aday_ogrenci_burslar .aday_burslar_content_area__quote {
        font-size: 20px;
        line-height: 32px
    }

    .aday_ogrenci_burslar .aday_burslar_content_area__description {
        font-size: 15px;
        line-height: 28px
    }

    .aday_ogrenci_burslar.more article .morePad {
        padding: 70px 50px
    }
}

/* Mobil kırılım 768 -> 1023'e çekildi (aday-ogrenci / yerleskede-yasam).
   769-1023 aralığındaki min-height:640px !important bloğu KALDIRILDI: bu aralık
   artık mobil düzene ait ve !important, kaynak sırasından bağımsız olarak
   aşağıdaki mobil kuralları ezip bölümleri 640px'e kilitlerdi. */
@media all and (max-width: 1023px) {
    .aday_menu {
        position: relative
    }

    .aday_menu__big {
        position: relative;
        width: 100%;
        display: block;
        z-index: 9;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        height: 100%;
        background-color: transparent
    }

    .aday_menu__big .aday_menu__big__item {
        display: none;
        margin-left: 0
    }

    .aday_menu__big .aday_menu__big__item a {
        line-height: 54px;
        padding: 0 15px;
        border-left: none;
        background-color: #0F4C90;
        white-space: normal
    }

    .aday_menu__big .aday_menu__big__item.uniform a {
        background-color: #F18B22
    }

    .aday_menu__big .aday_menu__big__item:nth-child(1) {
        width: auto
    }

    .aday_menu__big .aday_menu__big__item:nth-child(2) {
        width: auto
    }

    .aday_menu__big .aday_menu__big__item:last-child a {
        border-bottom: none
    }

    .aday_menu__big .aday_menu__big__item.superactive {
        display: block !important
    }

    .aday_menu__big .aday_menu__big__item.superactive a:after {
        content: "\f113" !important
    }

    .aday_menu__big .aday_menu__big__item.active {
        display: block
    }

    .aday_menu__big .aday_menu__big__item.active a {
        top: 0;
        padding-bottom: 0;
        background-color: #fff
    }

    .aday_menu__big .aday_menu__big__item.active a:after {
        bottom: 0;
        top: 0;
        line-height: 58px;
        font-size: 14px;
        right: 20px;
        left: auto;
        content: "\f13c"
    }

    .aday_menu__big .aday_menu__big__item.active a:before {
        height: 100%
    }

    .aday_menu__small {
        border-top: 1px solid #ddd
    }

    .aday_menu__big__item:first-child a, .aday_menu__big__item:last-child a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -o-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }

    .aday_menu__small .aday_menu__small__item .aday_menu__small__item--link {
        padding: 0 30px;
        line-height: 48px;
        font-size: 14px
    }

    /* UZUN İÇERİK KIRPILMASI FIX'İ
       Sorun: ROOT'ta `article { height:560px; overflow:hidden }` var. Mobilde
       height:auto olsa bile kart `position:absolute` olduğu için article'ın
       yüksekliğine KATKI VERMİYORDU; yükseklik yalnız görselden geliyordu ve
       karta verilen sabit `height:90%` içeriği taşırınca overflow:hidden onu
       kırpıyordu -> uzun metinler görünmüyordu.
       Çözüm: tek hücreli grid. Görsel ve kart AYNI hücrede üst üste durur,
       satır yüksekliği ikisinin büyüğü kadar olur. Kart akışa döndüğü için
       (position:relative + height:auto) içerik uzadıkça bölüm de uzar. */
    #aday_content section article {
        height: auto;
        overflow: visible;
        display: grid;
        grid-template-areas: "stack";
        align-items: center
    }

    #aday_content section article > .aday_content_img,
    #aday_content section article > .aday_content_area {
        grid-area: stack
    }

    #aday_content section article.right .aday_content_img, #aday_content section article.left .aday_content_img {
        float: none;
        width: 100%;
        /* Kart görselden uzun olduğunda (çok uzun metin) satır büyür; görsel
           `align-items:center` yüzünden ortada dar bir bant gibi kalıp üstte
           altta beyaz şeritler bırakırdı. stretch ile fotoğraf tüm bölümü
           kaplar — "fotoğraf üzerine kart" tasarımı her uzunlukta korunur. */
        align-self: stretch
    }

    /* Grid'de ::after da bir GRID ITEM olur ve örtük ikinci satır açarak
       bölümü uzatırdı. Mobilde zaten saydam (skew dekorasyonu) -> kaldır. */
    #aday_content section article.right:after, #aday_content section article.left:after {
        display: none
    }

    #aday_content section article .aday_content_area {
        max-width: 90%;
        width: 90%;
        height: auto;
        padding: 40px;
        margin: 40px auto;
        /* ROOT'taki `article.right .aday_content_area{right:5%}` seçicisi
           bundan daha spesifik (1,2,2 > 1,1,2) -> !important şart. */
        left: auto !important;
        right: auto !important;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -khtml-transform: none;
        justify-self: center;
        align-self: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -o-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        background: rgba(255, 255, 255, 0.95)
    }

    #aday_content section article .aday_content_area .aday_content_area__title {
        font-size: 24px;
        line-height: 36px
    }

    #aday_content section article .aday_content_area .aday_content_area__quote {
        padding: 6px 0 15px;
        font-size: 15px;
        line-height: 24px
    }

    #aday_content section article .aday_content_area .aday_content_area__description {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 25px
    }

    .aday_ogrenci_burslar .aday_burslar_content_area {
        padding: 30px
    }

    .aday_ogrenci_burslar .aday_burslar_content_area .timeline_horizontal {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 65px 15px 0;
        margin-bottom: 15px
    }

    .aday_ogrenci_burslar .aday_burslar_content_area .timeline_horizontal:before {
        width: 200%
    }

    .aday_ogrenci_burslar .aday_burslar_content_area__title {
        font-size: 30px;
        line-height: 42px
    }

    .aday_ogrenci_burslar .aday_burslar_content_area__quote {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 20px
    }

    .aday_ogrenci_burslar .aday_burslar_content_area__description {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px
    }

    .aday_ogrenci_burslar.more article:last-child {
        border-top: 1px solid #ddd
    }

    .aday_ogrenci_burslar.more article .morePad {
        padding: 30px
    }
}

.tanitim_rehberi__wrap {
    position: relative;
    width: 100%
}

.tanitim_rehberi__header {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-size: cover;
    background-image: url("/views/etu/_images/_genel/tanitim_bg.jpg?v=1.2");
    background-position: center center;
    background-repeat: no-repeat
}

@media (min-width: 769px) {
    .tanitim_rehberi__header {
        height: 360px
    }
}

.tanitim_rehberi__header--txt {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: 500;
    letter-spacing: .02em;
    margin: auto auto;
    font-size: 28px;
    line-height: 38px;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 35%
}

@media (min-width: 769px) {
    .tanitim_rehberi__header--txt {
        top: 27%
    }
}

.tanitim_rehberi__content {
    padding: 30px;
    text-align: center
}

@media (min-width: 769px) {
    .tanitim_rehberi__content {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0
    }
}

.tanitim_rehberi__content .tanitim_rehberi__content--txt {
    display: block;
    padding-bottom: 15px
}

@media (min-width: 769px) {
    .tanitim_rehberi__content .tanitim_rehberi__content--txt {
        color: #fff
    }
}

.tanitim_rehberi__content a {
    display: inline-block;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: #0F4C90 url("/views/etu/_images/_genel/indir_icon.png?v=1.1") 20px center no-repeat;
    color: #fff;
    padding: 16px 24px 10px 70px;
    background-size: 24px;
    margin: 0 5px
}

.tanitim_rehberi__content a.adrese_teslim {
    background-image: none;
    padding-left: 24px;
    text-align: center
}

@media (max-width: 767px) {
    .tanitim_rehberi__content a {
        margin: 0 auto;
        display: block;
        width: 100%;
        text-align: center;
        padding-left: 24px
    }

    .tanitim_rehberi__content a.adrese_teslim {
        margin-bottom: 10px
    }
}

.tanitim_rehberi__content a strong {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: .03264em
}

.tanitim_rehberi__content a em {
    font-style: normal;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
    letter-spacing: .02em;
    font-size: 12px
}

#kutuphaneSearchWrap {
    position: relative;
    margin: 0 auto;
    padding: 20px 0
}

#kutuphaneSearch {
    position: relative;
    margin: 0 auto;
    height: 215px
}

@media (max-width: 1023px) {
    #kutuphaneSearch {
        height: auto
    }
}

#kutuphaneSearch .tabs__content {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 15px 20px 20px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.searchTabs {
    position: relative
}

.searchTabs .tabHeader {
    display: block;
    text-align: left;
    position: relative;
    font-style: normal;
    line-height: 24px;
    letter-spacing: .02em;
    padding: 0 10px 5px;
    font-weight: 300
}

.searchBox {
    position: relative;
    overflow: hidden;
    width: 100%;
    clear: both
}

.searchBox input, .searchBox button, .searchBox select, .searchBox textarea {
    width: 100%;
    margin-bottom: 0 !important
}

.searchSubInfo {
    display: block;
    color: #aaa;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: .02em;
    padding: 5px 10px 0
}

.searchSubContent {
    position: relative;
    padding: 0 10px 0 0;
    color: #ddd
}

.searchSubContent input {
    position: relative;
    margin-left: 10px
}

.searchSubContent span {
    font-size: 15px;
    color: #666;
    letter-spacing: .02em;
    position: relative;
    top: 0;
    padding: 0 10px 0 7px
}

.searchSubContent a {
    color: #0F4C90
}

.searchSubContent a:hover {
    color: #3F77B6
}

.searchSubContent a:active {
    color: #7FAFE4
}

.searchSubContent__item {
    display: inline-block
}

@media (max-width: 767px) {
    .searchSubContent__item {
        display: block;
        padding: 3px 0
    }

    .searchSubContent__item b {
        display: none
    }
}

.accordion, .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.accordion {
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ddd;
    margin-bottom: 15px
}

.accordion-section-title {
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    transition: all linear 0.15s;
    color: #0F4C90;
    line-height: 24px;
    letter-spacing: .02em;
    font-size: 16px;
    overflow: hidden
}

.accordion-section-title.active {
    text-decoration: none;
    border-bottom-color: #fff;
    font-weight: 400
}

.accordion-section:last-child .accordion-section-title {
    border-bottom: none
}

.accordion-section-content {
    padding: 0 15px 15px;
    display: none;
    color: #666;
    letter-spacing: 0.02em;
    line-height: 25px;
    font-size: 15px
}

.accordion-section-content a {
    color: #0F4C90
}

.accordion-section-content.open {
    display: block
}

.veritabani-listesi_wrap {
    position: relative;
    margin-bottom: 25px
}

.veritabani-listesi_wrap .vt_search {
    position: absolute;
    right: 0;
    top: -50px
}

.veritabani-listesi_wrap .vt_search input {
    padding: 0 15px 0 32px;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    outline: none;
    border: 1px solid #aaa;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    border-radius: 32px;
    -o-border-radius: 32px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    height: 32px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.veritabani-listesi_wrap .vt_search input:hover {
    border-color: #0F4C90
}

.veritabani-listesi_wrap .vt_search input:focus {
    -webkit-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -moz-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -ms-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -o-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    border-color: #0F4C90
}

.veritabani-listesi_wrap .vt_search:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 10px;
    top: 11px;
    font-size: 13px;
    content: "\f13e"
}

@media (min-width: 1025px) {
    #kutuphaneSearch .tabs__title {
        line-height: 54px;
        height: 54px;
        font-size: 15px
    }

    #kutuphaneSearch .searchTabs .tabHeader {
        font-size: 14px
    }

    #kutuphaneSearch .tabs__content {
        margin-top: 53px
    }
}

.veritabani-logolari {
    position: relative;
    clear: both;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.veritabani-logolari__item {
    width: 25%
}

@media (max-width: 767px) {
    .veritabani-logolari__item {
        width: 50%;
        padding: .5rem
    }
}

.veritabani-logolari__item a {
    display: block;
    width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.kutuphane-veritabani p {
    font-size: 16px;
    line-height: 28px;
    display: block;
    padding-bottom: 15px;
    letter-spacing: .02em
}

.kutuphane-veritabani p a {
    color: #0F4C90
}

.kutuphane-veritabani p a:hover {
    color: #3F77B6
}

.kutuphane-veritabani p a:active, .kutuphane-veritabani p a:focus {
    color: #7FAFE4
}

.kutuphane-veritabani p.subInfoTxt {
    color: #666;
    font-size: 14px;
    line-height: 22px
}

.kutuphane-veritabani p.subInfoTxt i {
    position: relative;
    font-size: 12px;
    color: #B22029;
    margin-right: 4px
}

.kutuphane-veritabani .uzaktan-erisim {
    position: relative;
    clear: both;
    margin-bottom: 15px
}

.kutuphane-veritabani .uzaktan-erisim .uzaktan-erisim__wrap {
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.kutuphane-veritabani .uzaktan-erisim .uzaktan-erisim__wrap header {
    display: block;
    background-color: #fafafb;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 18px 20px 15px;
    border-bottom: 1px solid #ddd
}

.kutuphane-veritabani .uzaktan-erisim .uzaktan-erisim__wrap form {
    position: relative;
    padding: 20px 10px 0;
    overflow: hidden
}

.kutuphane-veritabani .uzaktan-erisim .uzaktan-erisim__wrap form input {
    height: 49px
}

.kutuphane-veritabani .uzaktan-erisim .uzaktan-erisim__wrap form button {
    display: block;
    background-color: #fff;
    border: 1px solid #0F4C90;
    margin-top: 23px;
    color: #0F4C90;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.veritabani-list {
    position: relative;
    display: block;
    margin: 0 auto
}

.veritabani-list__item {
    display: block;
    position: relative;
    border-top: 1px solid #ddd;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.veritabani-list__item:last-child {
    border-bottom: 1px solid #ddd
}

.veritabani-list__item__title {
    padding: 10px 15px 10px 45px;
    display: block;
    cursor: pointer;
    position: relative;
    clear: both;
    overflow: hidden;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.veritabani-list__item__title:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 15px;
    top: 13px;
    font-size: 15px;
    content: "\f137";
    color: #0F4C90
}

.veritabani-list__item__title h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: block;
    color: #0F4C90
}

.veritabani-list__item__title h3 i {
    color: #B22029;
    margin-right: 4px;
    font-size: 14px
}

.veritabani-list__item__title h3 i.ikon-new-window {
    position: relative;
    top: -1px;
    margin-left: 5px;
    margin-right: 0;
    cursor: pointer;
    z-index: 1;
    color: #0F4C90
}

@media (max-width: 767px) {
    .veritabani-list__item__title h3 {
        padding-right: 30px
    }
}

.veritabani-list__item__title small {
    font-size: 16px;
    line-height: 24px;
    display: block;
    color: #666
}

.veritabani-list__item__title small a {
    color: #0F4C90;
    font-weight: 500;
    margin-left: 5px
}

.veritabani-list__item__title--link {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    font-size: 18px;
    z-index: 2
}

@media (max-width: 767px) {
    .veritabani-list__item__title--link {
        font-size: 20px
    }
}

.veritabani-list__item__desc {
    display: none;
    clear: both
}

.veritabani-list__item__desc p {
    font-size: 14px;
    color: #666;
    letter-spacing: .02em;
    line-height: 22px;
    padding: 0 15px 15px 45px;
    display: block
}

.veritabani-list__item__desc p br {
    display: block;
    content: "";
    margin-top: 5px
}

.veritabani-list__item__desc ul {
    display: block;
    padding: 0 15px 15px 45px;
    position: relative
}

.veritabani-list__item__desc ul li {
    display: block;
    font-size: 14px;
    color: #666;
    letter-spacing: .02em;
    line-height: 22px;
    padding-left: 25px;
    padding-bottom: 10px;
    position: relative
}

.veritabani-list__item__desc ul li:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 4px;
    content: "\f107"
}

.veritabani-list__item:hover {
    background-color: #EFF5FC
}

.veritabani-list__item.active {
    background-color: #EFF5FC
}

.veritabani-list__item.active .veritabani-list__item__title:before {
    content: "\f12f";
    color: #000
}

.veritabani-list__item.active .veritabani-list__item__title h3, .veritabani-list__item.active .veritabani-list__item__title small {
    color: #000
}

.son-kitaplar {
    clear: both;
    position: relative;
    margin: 0 auto 15px
}

.son-kitaplar__header {
    display: block;
    font-size: 16px;
    letter-spacing: .02em;
    font-weight: 500;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .son-kitaplar__header {
        font-size: 14px;
        line-height: 22px
    }
}

.son-kitaplar__list {
    display: block;
    width: 100%;
    outline: none
}

.son-kitaplar__list__item {
    position: relative;
    outline: none
}

.son-kitaplar__list__item a {
    display: block;
    width: 100%;
    height: 170px;
    position: relative;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -webkit-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1)
}

.son-kitaplar__list__item a img {
    display: block;
    width: auto;
    height: 170px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    text-align: center;
    margin: 0 auto
}

.son-kitaplar__list__item:hover a {
    transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1)
}

.son-kitaplar__list__item figcaption {
    display: block;
    padding: 10px 5px 5px;
    text-align: center;
    margin: 0 auto;
    font-size: 13px;
    line-height: 19px;
    max-width: 170px;
    width: 100%;
    font-weight: 500
}

.relatedItemBox .withSubmenu__link div {
    top: 0 !important
}

.ortak_egitim-Box {
    position: relative
}

.ortak_egitim-Box.first {
    background-color: #fff;
    background-image: url("/views/etu/assets/img/3_donem_egitim/is_hayatina_okurken_hazirlanin.png?v=1.02");
    background-position: center 102%;
    background-size: 1200px auto;
    background-repeat: no-repeat;
    padding: 100px 20px 320px
}

.ortak_egitim-Box.second {
    background-color: #EFF1EF;
    padding: 100px 20px
}

.ortak_egitim-Box.third {
    background-color: #fafafb;
    padding: 100px 20px;
    overflow: hidden
}

.ortak_egitim-Box.third table .highlight-2 {
    background-color: #FEFAF0;
    font-weight: 500
}

.ortak_egitim-Box.third table .highlight-3 {
    background-color: #eef8ee;
    font-weight: 500
}

.ortak_egitim-Box h2, .ortak_egitim-Box h3, .ortak_egitim-Box p, .ortak_egitim-Box button, .ortak_egitim-Box blockquote {
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 990px
}

.ortak_egitim-Box h2 {
    font-size: 42px;
    line-height: 54px;
    color: #000;
    letter-spacing: .04em;
    margin-bottom: 15px;
    font-weight: 400
}

.ortak_egitim-Box h3 {
    font-size: 20px;
    line-height: 32px;
    color: #000;
    text-align: center;
    letter-spacing: .04em;
    margin-bottom: 15px;
    font-weight: 400
}

.ortak_egitim-Box blockquote {
    font-size: 26px;
    line-height: 42px;
    color: #666;
    font-weight: 300;
    letter-spacing: .1em;
    margin-bottom: 25px
}

.ortak_egitim-Box p {
    font-size: 18px;
    line-height: 28px;
    color: #666;
    letter-spacing: .04em;
    margin-bottom: 25px
}

.ortak_egitim-Box .flag {
    font-size: 16px
}

.ortak_egitim-Box .donem-gosterim {
    max-width: 640px;
    margin: 50px auto 0
}

.kurum-listesi {
    position: relative
}

.kurum-listesi__item {
    position: relative;
    overflow: hidden
}

.kurum-listesi__item__image {
    max-width: 100px;
    width: 100px;
    height: auto;
    outline: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    padding: 5px;
    border: 1px solid #ddd
}

.kurum-listesi__item__companyname {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.kurum-listesi__item__companyaddress {
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    display: block;
    line-height: 22px
}

.kurum-listesi__item__icon {
    max-width: 24px;
    width: 24px;
    border: none;
    outline: none;
    height: auto
}

.kurum-listesi__item__link h3 {
    color: #0F4C90
}

.kurum-listesi__item__link h3:hover, .kurum-listesi__item__link h3:focus {
    color: #3F77B6
}

.kurum-listesi__item__link h3:active {
    color: #7FAFE4
}

.sirket_kutusu {
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.sirket_kutusu:hover, .sirket_kutusu:active, .sirket_kutusu:focus {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.sirket_kutusu__logo {
    display: block;
    width: 100%;
    outline: none;
    border: none;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.sirket_kutusu__logo:hover .sirket_kutusu__logo--image {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.sirket_kutusu__logo--image {
    display: block;
    max-width: 170px;
    border: none;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto
}

.sirket_kutusu__sirket_adi {
    display: inline-block;
    text-decoration: none;
    outline: none;
    color: #0F4C90;
    text-transform: capitalize
}

.sirket_kutusu__sirket_adi:hover, .sirket_kutusu__sirket_adi:focus {
    color: #3F77B6
}

.sirket_kutusu__sirket_adi:active {
    color: #7FAFE4
}

.sirket_kutusu__sirket_adi--header {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: .02em
}

.sirket_kutusu__sirket_adresi {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .02em;
    color: #aaa
}

.sirket_kutusu__sirket_aciklamasi {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 21px;
    color: #666
}

.sirket_kutusu__ilgili_bolumler {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: .02em;
    color: #666
}

.sirket_kutusu__ilgili_bolumler strong {
    font-weight: 500
}

.sirket_kutusu__ilgili_bolumler--bolumadi {
    color: #0F4C90
}

.sirket_kutusu__ilgili_bolumler--bolumadi:hover, .sirket_kutusu__ilgili_bolumler--bolumadi:focus {
    color: #3F77B6
}

.sirket_kutusu__ilgili_bolumler--bolumadi:active {
    color: #7FAFE4
}

.sirket_wrap {
    position: relative
}

.sirket_sort {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    max-width: 320px;
    width: 100%
}

.sirket_sort div.last-child {
    padding-right: 0;
    padding-left: 0
}

.sirket_sort div.medium-child {
    padding-left: 0
}

.sirket_filtre {
    position: relative
}

.sirket_filtre__button {
    display: block;
    border: 1px solid #ddd;
    padding: 0 10px;
    line-height: 38px;
    height: 38px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.sirket_filtre__button:hover {
    border-color: #0F4C90;
    color: #0F4C90;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.sirket_filtre__button:active, .sirket_filtre__button.active {
    border-color: #7FAFE4;
    color: #7FAFE4;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.sirket_filtre__button.active:hover {
    border-color: #7FAFE4;
    color: #7FAFE4;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.sirket_filtre__box {
    position: absolute;
    top: 132%;
    right: 0;
    z-index: 5;
    width: 400px;
    background-color: rgba(255, 255, 255, 0.98);
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08)
}

.sirket_filtre__box button {
    display: inline-block;
    margin: 15px 0 25px 25px;
    background-color: #EFF5FC;
    color: #0F4C90;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -o-border-radius: 100px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    padding: 0 25px;
    font-size: 13px;
    line-height: 36px;
    letter-spacing: .06em;
    font-weight: 500;
    width: 88%
}

.sirket_filtre__box button:hover, .sirket_filtre__box button:focus {
    background-color: #3F77B6;
    color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.sirket_filtre__box button:active {
    background-color: #7FAFE4;
    color: #fff;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.sirket_filtre__box:after, .sirket_filtre__box:before {
    bottom: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.sirket_filtre__box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}

.sirket_filtre__box:before {
    border-color: rgba(225, 230, 236, 0);
    border-bottom-color: #e1e6ec;
    border-width: 9px;
    margin-left: -9px
}

.sirket_filtre__box__inside {
    padding: 15px 15px 0 15px;
    position: relative;
    clear: both;
    overflow: hidden
}

.sirket_filtre__box__inside select {
    margin-bottom: 0
}

.sirket_filtre__box__inside--last {
    padding-top: 15px;
    margin-top: 10px;
    border-top: 1px solid #ddd
}

.sirket_filtre__box__inside__title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .02em;
    padding-left: 10px;
    line-height: 22px
}

@media all and (max-width: 1023px) {
    .sirket_sort {
        top: 2px
    }
}

@media all and (min-width: 0) and (max-width: 719px) {
    .sirket_sort {
        position: relative;
        max-width: 290px;
        margin: -4px auto;
        top: 0
    }

    .sirket_filtre__box {
        width: 280px
    }

    .sirket_filtre__box:after, .sirket_filtre__box:before {
        right: 40px
    }

    .sirket_filtre__box button {
        width: 82%
    }
}

.oeg-header {
    height: 600px
}

.oeg-header.oeg-inner {
    height: 440px
}

.oeg-header.oeg-inner .featured_header__detail__xlarge_text {
    padding: 0
}

.oeg-header.oeg-inner .featured_header__detail__sub_info {
    padding: 0 0 20px
}

.oeg-header .featured_header__detail__xlarge_text {
    font-size: 50px;
    line-height: 72px
}

.oeg-header .featured_header__detail__sub_info {
    letter-spacing: .06em;
    padding: 0 0 30px
}

.oeg-header #sharePage {
    display: block;
    padding-left: 0;
    position: relative;
    vertical-align: middle;
    top: 0;
    right: 0;
    padding-top: 0;
    height: 30px
}

@media (max-width: 1400px) {
    .sirket_wrap {
        padding: 0 15px
    }

    .sirket_wrap .sirket_sort {
        right: 15px
    }
}

.sirket_wrap__inner {
    position: relative;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px
}

.sirket_wrap__inner .container {
    position: relative
}

.oeg {
    position: relative;
    overflow: hidden
}

.oeg__video {
    position: relative;
    background-color: #fff;
    padding-bottom: 25px
}

@media (max-width: 1023px) {
    .oeg__video {
        min-height: inherit !important
    }
}

.oeg__video__block {
    position: relative
}

.oeg__video__player {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 7em 10em -5em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #646464, 0 1em 2em -0.75em rgba(100, 100, 100, 0.75), 0 1em 3em -0.5em rgba(100, 100, 100, 0.5), 0 3em 3em -0.25em rgba(100, 100, 100, 0.2);
    -moz-box-shadow: inset 0 7em 10em -5em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #646464, 0 1em 2em -0.75em rgba(100, 100, 100, 0.75), 0 1em 3em -0.5em rgba(100, 100, 100, 0.5), 0 3em 3em -0.25em rgba(100, 100, 100, 0.2);
    -ms-box-shadow: inset 0 7em 10em -5em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #646464, 0 1em 2em -0.75em rgba(100, 100, 100, 0.75), 0 1em 3em -0.5em rgba(100, 100, 100, 0.5), 0 3em 3em -0.25em rgba(100, 100, 100, 0.2);
    box-shadow: inset 0 7em 10em -5em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #646464, 0 1em 2em -0.75em rgba(100, 100, 100, 0.75), 0 1em 3em -0.5em rgba(100, 100, 100, 0.5), 0 3em 3em -0.25em rgba(100, 100, 100, 0.2);
    -o-box-shadow: inset 0 7em 10em -5em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #646464, 0 1em 2em -0.75em rgba(100, 100, 100, 0.75), 0 1em 3em -0.5em rgba(100, 100, 100, 0.5), 0 3em 3em -0.25em rgba(100, 100, 100, 0.2)
}

.oeg__video__player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 750px
}

.oeg__video__playlist {
    display: block;
    clear: both;
    position: relative
}

.oeg__video__thumb {
    display: block;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.oeg__video__thumb__img {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.oeg__video__thumb a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.oeg__video__thumb a:before {
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#66000000', GradientType=0);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    z-index: 1;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.oeg__video__thumb a:hover:before {
    background-color: rgba(0, 0, 0, 0.45);
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.oeg__video__thumb.active img {
    filter: url("/views/etu/assets/img/blur.svg#blur");
    -webkit-filter: blur(3px);
    filter: blur(3px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')
}

.oeg__video__thumb.active a {
    -webkit-box-shadow: inset 0 7em 10em -5em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #646464, 0 1em 2em -0.75em rgba(100, 100, 100, 0.75), 0 1em 3em -0.5em rgba(100, 100, 100, 0.5), 0 3em 3em -0.25em rgba(100, 100, 100, 0.2);
    -moz-box-shadow: inset 0 7em 10em -5em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #646464, 0 1em 2em -0.75em rgba(100, 100, 100, 0.75), 0 1em 3em -0.5em rgba(100, 100, 100, 0.5), 0 3em 3em -0.25em rgba(100, 100, 100, 0.2);
    -ms-box-shadow: inset 0 7em 10em -5em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #646464, 0 1em 2em -0.75em rgba(100, 100, 100, 0.75), 0 1em 3em -0.5em rgba(100, 100, 100, 0.5), 0 3em 3em -0.25em rgba(100, 100, 100, 0.2);
    box-shadow: inset 0 7em 10em -5em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #646464, 0 1em 2em -0.75em rgba(100, 100, 100, 0.75), 0 1em 3em -0.5em rgba(100, 100, 100, 0.5), 0 3em 3em -0.25em rgba(100, 100, 100, 0.2);
    -o-box-shadow: inset 0 7em 10em -5em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #646464, 0 1em 2em -0.75em rgba(100, 100, 100, 0.75), 0 1em 3em -0.5em rgba(100, 100, 100, 0.5), 0 3em 3em -0.25em rgba(100, 100, 100, 0.2)
}

.oeg__video__thumb.active a:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#99000000', GradientType=0)
}

.oeg__video__thumb.active a:hover:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#99000000', GradientType=0)
}

.oeg__video__thumb.active .oeg__video__thumb__label, .oeg__video__thumb.active .oeg__video__thumb__playing {
    display: block
}

.oeg__video__thumb.active .oeg__video__thumb__play {
    display: none
}

.oeg__video__thumb__title {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #fff;
    vertical-align: text-top;
    padding: 5px 15px 5px 10px;
    font-size: 14px;
    line-height: 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    z-index: 2;
    font-weight: 300;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9
}

@media (max-width: 1200px) {
    .oeg__video__thumb__title {
        position: relative;
        left: 0;
        bottom: 0;
        padding: 10px 15px;
        font-size: 15px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .oeg__video__thumb__title {
        padding: 8px 10px;
        font-size: 12px;
        line-height: 17px
    }
}

.oeg__video__thumb__label {
    position: absolute;
    top: 15px;
    left: 15px;
    display: none;
    font-size: 9px;
    color: #fff;
    letter-spacing: .1em;
    background-color: #F18B22;
    padding: 5px 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    z-index: 2
}

@media (max-width: 767px) {
    .oeg__video__thumb__label {
        font-size: 8px;
        line-height: 19px;
        padding: 0 6px
    }
}

.oeg__video__thumb__play {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    position: absolute;
    text-align: center;
    z-index: 2;
    font-size: 44px;
    line-height: 0;
    margin: 0 auto;
    display: inline-block;
    width: 44px;
    height: 44px;
    color: #fff;
    left: 50%;
    margin-left: -32px;
    margin-top: -5px
}

@media (max-width: 1200px) {
    .oeg__video__thumb__play {
        margin-left: -20px;
        margin-top: -30px
    }
}

@media (max-width: 767px) {
    .oeg__video__thumb__play {
        font-size: 30px
    }
}

.oeg__video__thumb__playing {
    position: absolute;
    display: none;
    top: 10px;
    right: 15px;
    max-width: 32px;
    z-index: 2
}

.oeg__video__thumb__playing img {
    -webkit-filter: blur(0px) !important;
    filter: blur(0px) !important;
    filter: none !important;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0') !important
}

.oeg__header {
    display: block;
    color: #fff;
    padding: 0 15px 10px
}

@media (max-width: 767px) {
    .oeg__header {
        padding: 0 15px 0
    }
}

.oeg__header.single {
    padding: 30px 15px
}

@media (max-width: 767px) {
    .oeg__header.single {
        padding: 20px 15px
    }
}

.oeg__header h2 {
    font-weight: 300;
    font-size: 36px;
    line-height: 44px
}

@media (max-width: 767px) {
    .oeg__header h2 {
        font-size: 28px;
        line-height: 36px
    }
}

.oeg__header.black {
    color: #000
}

.oeg__header.center {
    text-align: center
}

.oeg__egitim {
    position: relative;
    background-color: #fafafb
}

@media (max-width: 480px) {
    .oeg__egitim {
        min-height: 845px !important
    }
}

.oeg__egitim__img {
    width: 75%;
    float: left;
    position: relative
}

@media (max-width: 1200px) {
    .oeg__egitim__img {
        width: 100%
    }
}

@media (max-width: 480px) {
    .oeg__egitim__img {
        min-height: 845px !important;
        height: 100%
    }
}

.oeg__egitim__block {
    right: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    position: absolute;
    background-color: rgba(255, 255, 255, 0.94);
    max-width: 50%;
    padding: 8%;
    z-index: 2
}

@media (max-width: 1200px) {
    .oeg__egitim__block {
        max-width: 100%;
        margin: 0 5%
    }
}

.oeg__egitim__block .oeg__header {
    padding-left: 0
}

.oeg__isleyis {
    position: relative;
    clear: both;
    background-color: #fff
}

@media (max-width: 480px) {
    .oeg__isleyis {
        min-height: 645px !important;
        height: 100%
    }
}

.oeg__isleyis__img {
    width: 65%;
    float: right;
    position: relative;
    margin-right: -15%;
    top: 150px
}

@media (max-width: 480px) {
    .oeg__isleyis__img {
        min-height: 645px !important;
        height: 100%
    }
}

@media (max-width: 1200px) {
    .oeg__isleyis__img {
        top: 50px
    }
}

@media (max-width: 768px) {
    .oeg__isleyis__img {
        top: 140px;
        width: 100%;
        margin-right: -15%
    }
}

.oeg__isleyis__block {
    left: 5%;
    top: 7%;
    position: absolute;
    background-color: rgba(241, 139, 34, 0.9);
    max-width: 60%;
    padding: 8%;
    z-index: 2
}

@media (max-width: 1200px) {
    .oeg__isleyis__block {
        max-width: 100%;
        margin: 0 5%;
        left: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        position: absolute
    }
}

.oeg__isleyis__block .oeg__header {
    padding-left: 0
}

.oeg__isleyis__thumbs {
    position: absolute;
    left: -15px;
    bottom: 0;
    display: block;
    width: 50.2%;
    padding-bottom: 0
}

@media (max-width: 1023px) {
    .oeg__isleyis__thumbs {
        display: none
    }
}

.oeg__text {
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    display: block;
    padding: 15px 0
}

@media (max-width: 767px) {
    .oeg__text {
        font-size: 15px;
        line-height: 25px
    }
}

.oeg__text.black {
    color: #333
}

.oeg__text.center {
    text-align: center
}

.oeg__yurtici {
    position: relative;
    background: #fafafb url("/views/etu/_images/ortak-egitim/yurtici_bg.png?v=1.0.0") center center no-repeat;
    padding: 150px 0;
    margin: 0 auto;
    background-size: auto auto
}

@media (max-width: 1200px) {
    .oeg__yurtici {
        padding: 100px 0
    }
}

@media (max-width: 1024px) {
    .oeg__yurtici {
        padding: 100px 0 50px
    }
}

@media (max-width: 480px) {
    .oeg__yurtici {
        padding: 40px 0
    }
}

.oeg__yurtici__block {
    position: relative;
    max-width: 1000px;
    margin: auto
}

.oeg__yurtici__small-header {
    display: block;
    padding: 100px 0 50px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .4em;
    font-weight: 300;
    color: #333
}

@media (max-width: 480px) {
    .oeg__yurtici__small-header {
        padding: 30px 0 30px;
        font-size: 14px;
        line-height: 25px
    }
}

.oeg__yurtici__img {
    max-width: 968px !important;
    margin: 0 auto;
    display: block;
    text-align: center
}

.oeg__related {
    position: relative;
    padding: 60px 0 100px;
    background-color: #fff
}

@media (max-width: 1200px) {
    .oeg__related {
        padding: 50px 0 30px
    }
}

@media (max-width: 480px) {
    .oeg__related {
        padding: 30px 0
    }
}

.oeg__related .oeg__header h4 {
    padding-bottom: 40px;
    font-size: 32px;
    line-height: 42px;
    font-weight: 300
}

@media (max-width: 1200px) {
    .oeg__related .oeg__header h4 {
        font-size: 28px;
        line-height: 36px;
        padding-bottom: 10px
    }
}

@media (max-width: 480px) {
    .oeg__related .oeg__header h4 {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 10px
    }
}

.oeg__related__item {
    position: relative
}

@media (max-width: 767px) {
    .oeg__related__item {
        margin: 0 auto 10px;
        text-align: center;
        height: 300px;
        overflow: hidden
    }
}

@media (max-width: 480px) {
    .oeg__related__item {
        height: 190px;
        margin-bottom: 10px;
        overflow: hidden
    }
}

.oeg__related__block {
    position: absolute;
    top: 28%;
    left: 10px;
    right: 0;
    margin: 0;
    text-align: center;
    color: #fff;
    width: 100%;
    max-width: 400px;
    padding: 10px 35px
}

@media (max-width: 1024px) {
    .oeg__related__block {
        max-width: 400px;
        top: 0;
        left: 0;
        right: 0;
        height: 100%
    }
}

@media (max-width: 768px) {
    .oeg__related__block {
        padding: 45px 20px;
        margin: 0 auto;
        text-align: center
    }
}

@media (max-width: 480px) {
    .oeg__related__block {
        padding: 15px 20px
    }
}

.oeg__related__block__header {
    font-weight: 300;
    font-size: 22px;
    display: block;
    line-height: 32px;
    letter-spacing: .15em
}

@media (max-width: 1200px) {
    .oeg__related__block__header {
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width: 1024px) {
    .oeg__related__block__header {
        font-size: 20px;
        line-height: 28px;
        padding-top: 35px
    }
}

@media (max-width: 768px) {
    .oeg__related__block__header {
        font-size: 16px;
        line-height: 22px;
        padding-top: 25px
    }
}

.oeg__related__block__dsc {
    display: block;
    font-size: 16px;
    line-height: 27px;
    padding: 5px 0 25px;
    letter-spacing: .04em;
    font-weight: 300;
    height: 80px
}

@media (max-width: 1200px) {
    .oeg__related__block__dsc {
        font-size: 14px;
        line-height: 22px;
        padding: 5px 0 25px;
        height: 65px
    }
}

@media (max-width: 1024px) {
    .oeg__related__block__dsc {
        height: auto
    }
}

@media (max-width: 768px) {
    .oeg__related__block__dsc {
        font-size: 13px;
        line-height: 20px;
        padding: 10px 0 0
    }
}

.oeg__related__block__btn {
    height: 42px !important;
    line-height: 34px !important;
    padding: 0 75px !important
}

@media (max-width: 1024px) {
    .oeg__related__block__btn {
        position: absolute;
        left: 50%;
        right: 0;
        margin: 0 auto;
        text-align: center;
        top: 70%;
        width: 140px;
        margin-left: -70px;
        padding: 0 !important;
        height: 38px !important;
        font-size: 15px !important;
        line-height: 37px !important
    }
}

@media (max-width: 1200px) {
    .oeg__related__img {
        width: 100%;
        max-width: 400px;
        height: auto;
        display: block;
        padding: 10px
    }
}

@media (max-width: 1024px) {
    .oeg__related__img {
        padding: 0
    }
}

@media (max-width: 767px) {
    .oeg__related__img {
        text-align: center;
        margin: 0 auto
    }
}

.yerleske_360 {
    position: relative;
    clear: both;
    margin: 15px 0;
    padding-bottom: 15px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.yerleske_360:last-child {
    border-bottom: none
}

.yerleske_360__header {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 32px;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 1px;
    position: relative
}

.yerleske_360__header:before {
    background-image: url("/views/etu/assets/img/_icons/panoramik.png?v=1.0.1");
    background-repeat: no-repeat;
    background-size: 27px;
    position: relative;
    content: "";
    width: 38px;
    top: 1px;
    display: inline-block;
    height: 21px
}

.yerleske_360__box {
    border: 1px solid #ddd;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.yerleske_360__box:hover, .yerleske_360__box:focus {
    background-color: #fafafb;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)
}

.yerleske_360__box:hover .yerleske_360__box__link:before, .yerleske_360__box:focus .yerleske_360__box__link:before {
    background-color: rgba(0, 0, 0, 0.5)
}

.yerleske_360__box:hover .yerleske_360__box__link:after, .yerleske_360__box:focus .yerleske_360__box__link:after {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.yerleske_360__box:active {
    cursor: pointer
}

.yerleske_360__box:active .yerleske_360__box__link {
    background-color: rgba(0, 0, 0, 0.5)
}

.yerleske_360__box__description {
    display: block;
    position: relative;
    width: 100%;
    padding: 10px 20px;
    overflow: hidden;
    clear: both;
    min-height: 45px
}

.yerleske_360__box__description--text {
    line-height: 22px;
    font-size: 14px;
    font-weight: 300;
    color: #0F4C90;
    letter-spacing: .02em
}

.yerleske_360__box__link {
    display: block;
    outline: none;
    border: none;
    max-height: 240px;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

.yerleske_360__box__link:before {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    content: "";
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    margin: auto auto;
    z-index: 1
}

.yerleske_360__box__link:after {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    left: 0;
    top: 0;
    background: transparent url("/views/etu/assets/img/_icons/view.png?v=1.0.1") center center no-repeat;
    background-size: 32px;
    content: "";
    z-index: 3
}

.yerleske_360__box__link--image {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    border: none
}

.aday_content_area__description {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 40px
}

@media all and (max-width: 1023px) {
    .yerleske_360__header, .yerleske_360__box__description--text {
        text-align: center
    }
}

@media (max-width: 1024px) {
    .search .page-header__item {
        padding-bottom: 0
    }
}

.etu-search {
    position: relative;
    clear: both;
    overflow: hidden
}

.etu-search__no-results {
    position: relative;
    clear: both;
    padding: 30px 0;
    font-size: 18px;
    line-height: 24px;
    min-height: 740px
}

.etu-search__no-results:after {
    position: absolute;
    background: transparent url("/views/etu/assets/img/sonuc_yok.png?v=1.0.0") right bottom no-repeat;
    background-size: 45%;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
    top: 0;
    left: 0;
    content: "";
    bottom: 0;
    right: 0;
    z-index: -1
}

@media (max-width: 767px) {
    .etu-search__no-results:after {
        background-size: 80%
    }
}

@media (max-width: 1023px) {
    .etu-search__no-results {
        min-height: 540px
    }
}

@media (max-width: 768px) {
    .etu-search__no-results {
        min-height: 400px;
        font-size: 16px;
        line-height: 24px
    }
}

.etu-search__no-results__desc {
    display: block;
    padding: 0 0 25px
}

.etu-search__no-results__desc strong {
    font-weight: 500
}

.etu-search__no-results__header {
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px
}

.etu-search__no-results__list {
    display: block;
    position: relative;
    margin-top: 10px
}

@media (max-width: 767px) {
    .etu-search__no-results__list {
        margin-top: 5px
    }
}

.etu-search__no-results__list__item {
    display: block;
    padding-top: 5px;
    font-size: 16px;
    padding-left: 20px;
    margin-left: 20px;
    position: relative
}

@media (max-width: 767px) {
    .etu-search__no-results__list__item {
        font-size: 14px;
        line-height: 20px;
        margin-left: 10px;
        padding-left: 20px
    }
}

.etu-search__no-results__list__item:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 11px;
    content: "\f13c";
    font-size: 12px
}

.etu-search__result_info {
    position: absolute;
    right: 0;
    top: 14px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    letter-spacing: .02em;
    padding-right: 15px
}

@media (max-width: 1024px) {
    .etu-search__result_info {
        position: relative;
        display: block;
        padding: 5px 15px 12px;
        text-align: center;
        clear: both;
        top: 0;
        line-height: 1.25em
    }
}

.etu-search__new-search {
    clear: both;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fafafb;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    z-index: 9
}

.etu-search__new-search .search__title {
    line-height: 48px;
    font-size: 13px;
    position: absolute;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.etu-search__new-search .search__title:before {
    content: "";
    position: absolute;
    left: -20px;
    visibility: hidden;
    top: 8px;
    width: 26px;
    height: 26px;
    background: transparent url("/views/etu/assets/img/tobb_etu_logo.png") left center no-repeat;
    background-size: 26px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-delay: .0s;
    -moz-transition-delay: .0s;
    -o-transition-delay: .0s;
    transition-delay: .0s
}

.etu-search__new-search .search__title:after {
    margin-left: 0;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    position: relative;
    content: attr(data-haber);
    letter-spacing: .02em;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 135%;
    font-weight: 400
}

.etu-search__new-search.is_stuck {
    background-color: #fff;
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1)
}

@media (min-width: 1801px) {
    .etu-search__new-search.is_stuck .search__title {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    .etu-search__new-search.is_stuck .search__title:after {
        margin-left: 60px;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        visibility: visible
    }

    .etu-search__new-search.is_stuck .search__title:before {
        top: 0;
        left: 20px;
        line-height: 46px;
        height: 46px;
        visibility: visible;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transition-delay: .2s;
        -moz-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }

    .etu-search__new-search.is_stuck .search__title b {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        display: none
    }
}

.etu-search__new-search .etu_form {
    position: relative
}

@media (max-width: 1024px) {
    .etu-search__new-search .etu_form {
        margin: 0 auto;
        max-width: none;
        width: 100%
    }

    .etu-search__new-search .etu_form input {
        padding: 9px 0 6px 0 !important;
        text-indent: 15px
    }

    .etu-search__new-search .etu_form button {
        background: #fff !important;
        right: 0 !important;
        padding: 11px 15px 10px !important
    }
}

.etu-search__new-search .etu_form__voice {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    width: 44px;
    height: 46px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s
}

.etu-search__new-search .etu_form__voice .microphone {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    max-width: 18px;
    left: 15px;
    position: relative;
    top: 9px
}

.etu-search__new-search .etu_form__voice .listening {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    position: absolute;
    max-width: 28px;
    left: 10px;
    top: 10px
}

.etu-search__new-search .etu_form__voice.active .microphone {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.etu-search__new-search .etu_form__voice.active .listening {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible
}

.etu-search__new-search .etu_form input {
    margin-bottom: 0;
    padding: 9px 0 6px 0;
    line-height: 30px;
    text-indent: 14px;
    font-weight: 400;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-appearance: none
}

.etu-search__new-search .etu_form input::-webkit-input-placeholder {
    font-weight: 300
}

.etu-search__new-search .etu_form input::-moz-placeholder {
    font-weight: 300
}

.etu-search__new-search .etu_form input:-ms-input-placeholder {
    font-weight: 300
}

.etu-search__new-search .etu_form input:-moz-placeholder {
    font-weight: 300
}

.etu-search__new-search .etu_form button {
    position: absolute;
    top: 1px;
    right: -1px;
    font-size: 20px;
    color: #0F4C90;
    cursor: pointer;
    background-color: transparent;
    background: none;
    border: none;
    outline: none;
    padding: 11px 15px 10px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -ms-border-radius: 150px;
    border-radius: 150px;
    -o-border-radius: 150px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.etu-search__filters {
    position: relative;
    padding: 0 0 15px;
    overflow-x: auto;
    overflow-y: hidden
}

.etu-search__filters__inner {
    display: table;
    width: 100%;
    position: relative;
    table-layout: fixed;
    white-space: nowrap
}

@media (max-width: 1023px) {
    .etu-search__filters__inner {
        table-layout: auto
    }
}

.etu-search__filters__item {
    display: table-cell;
    position: relative;
    min-width: 200px;
    width: 100%
}

.etu-search__filters__item a {
    color: #999;
    padding: 20px 45px 10px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: center;
    position: relative;
    transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s
}

.etu-search__filters__item a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(15, 76, 144, 0);
    border-top-color: #0F4C90;
    border-width: 6px;
    margin-left: -6px
}

.etu-search__filters__item a:hover {
    color: gray;
    border-bottom-color: #c4c4c4
}

.etu-search__filters__item.active a {
    color: #0F4C90;
    border-bottom-color: #0F4C90
}

.etu-search__filters__item.active a:after {
    content: ""
}

.etu-search__results {
    clear: both;
    position: relative;
    min-height: 400px;
    overflow: hidden;
    padding: 15px 0
}

.etu-search__results__item {
    position: relative;
    max-width: 640px;
    margin-bottom: 25px;
    height: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    overflow: hidden
}

.etu-search__results__item:last-child {
    border-bottom: none
}

.etu-search__results__item__wrap {
    position: relative
}

.etu-search__results__item__picture {
    position: absolute;
    left: 0;
    top: 0;
    max-height: 100px;
    overflow: hidden;
    z-index: 2;
    height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.etu-search__results__item__picture__link {
    display: block;
    width: 100px;
    height: 100%;
    outline: none;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    overflow: hidden
}

@media (max-width: 480px) {
    .etu-search__results__item__picture__link {
        width: 90px
    }
}

.etu-search__results__item__picture--img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.etu-search__results__header {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 2px
}

.etu-search__results__header__link {
    color: #0F4C90
}

.etu-search__results__header__link:hover {
    color: #3F77B6
}

.etu-search__results__header__link:active, .etu-search__results__header__link:focus {
    color: #7FAFE4
}

.etu-search__results__header__link:visited {
    color: #657988
}

.etu-search__results__header__link em {
    color: #666;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    font-style: normal
}

.etu-search__results__breadcrumb {
    padding: 3px 0;
    font-size: 12px;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden
}

@media (max-width: 767px) {
    .etu-search__results__breadcrumb {
        display: none;
        visibility: hidden
    }
}

.etu-search__results__breadcrumb__item {
    display: inline-block;
    position: relative;
    color: #999;
    padding-right: 10px;
    margin-right: 10px;
    letter-spacing: .02em
}

.etu-search__results__breadcrumb__item:after {
    position: absolute;
    left: 98%;
    top: 0;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 7px;
    line-height: 16px;
    content: "\f13c"
}

.etu-search__results__breadcrumb__item:hover {
    color: #0F4C90
}

.etu-search__results__breadcrumb__item:hover:after {
    color: #999
}

.etu-search__results__breadcrumb__item:last-child {
    margin-right: 0;
    padding-right: 0
}

.etu-search__results__breadcrumb__item:last-child:after {
    display: none
}

.etu-search__results__address {
    display: block
}

.etu-search__results__address__txt {
    font-size: 13px;
    display: inline-block;
    line-height: 20px;
    padding-right: 10px;
    color: #333
}

.etu-search__results__address__txt b {
    display: inline-block;
    text-align: left;
    padding-right: 3px
}

.etu-search__results__url {
    color: #5b7539;
    display: block;
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 13px
}

.etu-search__results__url strong {
    font-weight: 700
}

@media (max-width: 767px) {
    .etu-search__results__url {
        padding-top: 3px
    }
}

.etu-search__results__desc {
    display: block;
    color: #333;
    letter-spacing: .02em;
    display: block;
    display: -webkit-box;
    height: 63px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.etu-search__results__desc time {
    display: inline-block;
    font-size: 13px;
    color: #999;
    position: relative
}

.etu-search__results__desc time:after {
    display: inline-block;
    content: "-";
    padding: 0 4px
}

.etu-search__results__item.resultWithPic {
    display: block
}

.etu-search__results__item.resultWithPic .etu-search__results__item__wrap {
    padding-left: 110px
}

@media (max-width: 480px) {
    .etu-search__results__item.resultWithPic .etu-search__results__item__wrap {
        padding-left: 100px
    }
}

.etu-search__results__item.resultWithPic.withPerson .etu-search__results__item__picture {
    height: 75px
}

.etu-search__results__item.resultWithPic.withPerson .etu-search__results__item__picture__link {
    width: 85px
}

.etu-search__results__item.resultWithPic.withPerson .etu-search__results__item__wrap {
    padding-left: 100px
}

.etu-search__results__item .breadcrumb {
    text-align: left;
    border-bottom: none
}

.etu-search__results__item .breadcrumb .container {
    padding: 0
}

.etu-search__results__item .breadcrumb .breadcrumb__item {
    font-size: 12px;
    height: auto;
    line-height: 20px;
    color: #666
}

.etu-search__results__item .breadcrumb .breadcrumb__item:after {
    line-height: 21px !important
}

.event-takvimi {
    position: relative;
    overflow: hidden;
    margin-bottom: 50px
}

.event-takvimi__header {
    display: block;
    padding: 15px 0 0;
    position: relative
}

.event-takvimi__header__date {
    position: relative
}

@media (max-width: 767px) {
    .event-takvimi__header__date {
        text-align: center
    }
}

.event-takvimi__header__date__title {
    display: inline-block;
    font-size: 20px;
    line-height: 36px;
    padding-right: 15px;
    font-weight: 500;
    position: relative
}

.event-takvimi__header__date__title:before {
    position: relative;
    padding-right: 8px;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f106";
    line-height: 0;
    top: -1px
}

.event-takvimi__header__date__nav {
    position: absolute;
    top: 2px;
    right: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.event-takvimi__header__date__nav__link {
    display: inline-block;
    background: -moz-linear-gradient(top, rgba(249, 249, 249, 0.85) 0%, #ededed 100%);
    background: -webkit-linear-gradient(top, rgba(249, 249, 249, 0.85) 0%, #ededed 100%);
    background: linear-gradient(to bottom, rgba(249, 249, 249, 0.85) 0%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9f9f9f9', endColorstr='#ededed', GradientType=0);
    background-color: #e6e6e6;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    height: 26px;
    padding: 0 13px;
    margin: 0 -2px;
    position: relative;
    top: -2px;
    text-decoration: none;
    border-style: solid;
    border-color: #ccc;
    outline: none;
    color: #333;
    transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s
}

.event-takvimi__header__date__nav__link.first {
    border-width: 1px 0 1px 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1)
}

.event-takvimi__header__date__nav__link.last {
    border-width: 1px 1px 1px 1px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1)
}

.event-takvimi__header__date__nav__link:hover {
    background-image: none;
    background: #e6e6e6;
    color: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -o-box-shadow: none
}

.event-takvimi__header__date__nav__link:active {
    -webkit-box-shadow: inset 0 0 0 1px rgba(193, 193, 193, 0), inset 0 2px 4px rgba(218, 218, 218, 0.85);
    -moz-box-shadow: inset 0 0 0 1px rgba(193, 193, 193, 0), inset 0 2px 4px rgba(218, 218, 218, 0.85);
    -ms-box-shadow: inset 0 0 0 1px rgba(193, 193, 193, 0), inset 0 2px 4px rgba(218, 218, 218, 0.85);
    box-shadow: inset 0 0 0 1px rgba(193, 193, 193, 0), inset 0 2px 4px rgba(218, 218, 218, 0.85);
    -o-box-shadow: inset 0 0 0 1px rgba(193, 193, 193, 0), inset 0 2px 4px rgba(218, 218, 218, 0.85)
}

.event-takvimi__header__filter {
    position: absolute;
    right: 0;
    top: 13px;
    z-index: 1;
    height: 42px
}

@media (max-width: 767px) {
    .event-takvimi__header__filter {
        position: relative;
        top: 5px;
        margin: 5px auto 0;
        text-align: center
    }

    .event-takvimi__header__filter select {
        max-width: 210px
    }
}

.event-takvimi__header__filter select {
    margin-left: 6px;
    width: auto;
    font-weight: 400
}

.event-takvimi__wrap {
    margin: 15px 0;
    border-bottom: 1px solid #ddd;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.event-takvimi__wrap__year {
    padding: 10px;
    background-color: #EFF5FC;
    color: #0F4C90;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid #ddd;
    border-bottom: none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.event-takvimi__item {
    position: relative;
    border: 1px solid #ddd;
    border-bottom-width: 0
}

.event-takvimi__item.first {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.event-takvimi__item.first .event-takvimi__item__header {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.event-takvimi__item.last {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-bottom-width: 1px
}

.event-takvimi__item__header {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 15px;
    background-color: #fafafb;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    border-bottom: 1px solid #ddd
}

.event-takvimi__item__header__date {
    position: absolute;
    right: 15px;
    line-height: 20px
}

.event-takvimi__item__list {
    position: relative;
    display: block
}

.event-takvimi__item__list__item {
    background-color: #fff;
    border-bottom: 1px solid #ddd
}

.event-takvimi__item__list__item:last-child {
    border-bottom: none
}

.event-takvimi__item__list__item__link {
    padding: 15px 15px 10px;
    display: block;
    font-size: 15px;
    line-height: 20px;
    outline: none
}

.event-takvimi__item__list__item__link:hover {
    background-color: #EFF5FC
}

.event-takvimi__item__list__item__link:hover .event-takvimi__item__list__item__title, .event-takvimi__item__list__item__link:hover .event-takvimi__item__list__item__speaker {
    color: #0F4C90
}

.event-takvimi__item__list__item__time {
    color: #4d4d4d;
    width: 130px;
    display: inline-block;
    font-weight: 400;
    overflow: hidden;
    position: relative
}

.event-takvimi__item__list__item__time:before {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    -o-border-radius: 7px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    position: relative;
    margin-right: 10px;
    display: inline-block;
    top: -2px
}

@media (max-width: 1023px) {
    .event-takvimi__item__list__item__time {
        width: 100%
    }
}

.event-takvimi__item__list__item.tip1 .event-takvimi__item__list__item__time:before {
    background-color: #F18B22
}

.event-takvimi__item__list__item.tip2 .event-takvimi__item__list__item__time:before {
    background-color: #B22029
}

.event-takvimi__item__list__item.tip3 .event-takvimi__item__list__item__time:before {
    background-color: #0F4C90
}

.event-takvimi__item__list__item.tip4 .event-takvimi__item__list__item__time:before {
    background-color: #3FA83F
}

.event-takvimi__item__list__item.tip5 .event-takvimi__item__list__item__time:before {
    background-color: #000
}

.event-takvimi__item__list__item__title {
    color: gray;
    display: inline-block;
    font-weight: 300;
    max-width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    margin-right: 5px
}

@media (max-width: 1023px) {
    .event-takvimi__item__list__item__title {
        display: block;
        white-space: normal;
        max-width: 100%;
        padding-bottom: 2px
    }
}

.event-takvimi__item__list__item__speaker {
    color: #4d4d4d;
    display: inline-block;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    float: right
}

@media (max-width: 1023px) {
    .event-takvimi__item__list__item__speaker {
        float: none
    }
}

.event-takvimi__item__row-head {
    display: block;
    padding: 5px 15px 0;
    position: relative;
    overflow: hidden
}

@media (max-width: 1023px) {
    .event-takvimi__item__row-head {
        display: none;
        visibility: hidden
    }
}

.event-takvimi__item__row-head__item {
    display: inline-block;
    font-size: 11px;
    letter-spacing: .2em;
    position: relative
}

.event-takvimi__item__row-head__item:first-child {
    width: 130px
}

.event-takvimi__item__row-head__item:nth-child(2) {
    max-width: 65%
}

.event-takvimi__item__row-head__item:nth-child(3) {
    float: right;
    top: 4px
}

.event-takvimi__no-result {
    clear: both;
    padding: 15px 0 0;
    line-height: 24px
}

.event-takvimi__no-result strong {
    font-weight: 500
}

.event-takvimi__nav {
    position: relative;
    margin: 15px auto;
    overflow: hidden
}

.event-takvimi__nav__item {
    text-align: center;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 40px;
    height: 56px;
    display: inline-block;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: transparent;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #999
}

@media (max-width: 767px) {
    .event-takvimi__nav__item {
        line-height: 24px;
        height: 70px
    }
}

@media (max-width: 480px) {
    .event-takvimi__nav__item {
        padding: 10px 20px;
        font-size: 16px;
        line-height: 22px;
        width: 49%;
        height: 90px
    }
}

.event-takvimi__nav__item i {
    display: inline-block;
    position: relative;
    padding-right: 4px
}

@media (max-width: 767px) {
    .event-takvimi__nav__item i {
        display: block;
        padding-right: 0;
        padding-bottom: 4px
    }
}

.event-takvimi__nav__item.active {
    border-color: #ddd;
    color: #0F4C90
}

.event-takvimi__wrap.past .event-takvimi__wrap__year {
    background-color: #e0e0e0;
    color: #666
}

.event-takvimi__wrap.past .event-takvimi__item__list__item__link:hover {
    background-color: #f2f2f2
}

.event-takvimi__wrap.past .event-takvimi__item__list__item__link:hover, .event-takvimi__wrap.past .event-takvimi__item__list__item__title, .event-takvimi__wrap.past .event-takvimi__item__list__item__link:hover, .event-takvimi__wrap.past .event-takvimi__item__list__item__speaker {
    color: #000
}

.event-pop {
    position: relative;
    max-height: 600px;
    padding: 20px;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto
}

@media (max-width: 767px) {
    .event-pop {
        max-height: 100%;
        padding: 0
    }
}

.event-pop__wrap {
    display: inline-block;
    position: relative
}

.event-pop__content {
    position: relative;
    height: 100%;
    min-height: 100%;
    width: 100%
}

.event-pop__content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    height: 100%;
    min-height: 100%;
    width: 100%
}

.event-pop__content__label {
    display: block;
    font-size: 11px;
    color: #333;
    line-height: 1;
    letter-spacing: .15em;
    font-weight: 500;
    padding-bottom: 6px
}

.event-pop__content__title {
    display: block;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: #000
}

.event-pop__content__social {
    padding: 10px 0 5px;
    clear: both
}

.event-pop__content__social #sharePage {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
    height: 24px;
    right: 0;
    left: 0;
    text-align: left
}

@media (max-width: 1024px) {
    .event-pop__content__social #sharePage {
        display: block !important
    }

    .event-pop__content__social #sharePage a.fb {
        display: inline-block !important
    }

    .event-pop__content__social #sharePage a.google {
        display: none !important
    }
}

.event-pop__content__desc {
    display: block;
    padding: 0 0 10px;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: .02em
}

.event-pop__content__desc p {
    color: #333;
    display: block;
    margin-bottom: 15px;
    letter-spacing: .02em
}

.event-pop__content__desc ul {
    display: block;
    margin-bottom: 15px
}

.event-pop__content__bio {
    position: relative
}

.event-pop__content__bio strong {
    line-height: 32px;
    letter-spacing: .02em
}

.event-pop__side {
    position: relative;
    padding: 15px;
    overflow: hidden;
    height: 100%;
    min-height: 100%;
    width: 100%;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.04)
}

.event-pop__side:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    height: 100%;
    min-height: 100%;
    width: 100%;
    left: 0
}

@media (max-width: 768px) {
    .event-pop__side {
        padding: 20px 0 0
    }
}

.event-pop__side__img {
    max-width: 200px !important;
    margin: 50px auto 0;
    text-align: center;
    display: block
}

.event-pop__side__item {
    padding: 15px 0 0;
    position: relative;
    overflow: hidden
}

.event-pop__side__item.add-cal {
    padding-top: 0;
    overflow: visible
}

.event-pop__side__item.add-cal .add-cal__wrap {
    position: relative;
    width: 100%;
    display: inline-block
}

.event-pop__side__item.add-cal .add-cal__wrap .add-cal__btn {
    display: block;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    height: 36px;
    line-height: 35px;
    padding: 0;
    text-align: center
}

.event-pop__side__item.add-cal .add-cal__wrap .add-to-calendar.event {
    position: relative
}

.event-pop__side__item.add-cal .add-cal__wrap .add-to-calendar.event .add-to-calendar-checkbox {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    cursor: pointer;
    padding: 0 10px
}

.event-pop__side__item.add-cal .add-cal__wrap .add-to-calendar.event .add-to-calendar-checkbox i {
    padding-right: 3px;
    position: relative;
    top: -1px;
    display: inline-block
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list {
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 9;
    width: 100%;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.34);
    -ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.34);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.34);
    -o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.34);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list:after, .event-pop__side__item.add-cal .add-cal__wrap .takvim-list:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 6px;
    margin-left: -6px
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list:before {
    border-color: rgba(197, 189, 181, 0);
    border-bottom-color: #c5bdb5;
    border-width: 7px;
    margin-left: -7px
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    outline: none;
    line-height: 24px;
    cursor: pointer;
    padding: 8px 15px 8px 36px;
    border-bottom: 1px solid #eee;
    font-weight: 400;
    position: relative;
    display: block
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list a:last-child {
    border-bottom: none
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list a:hover {
    background: rgba(241, 139, 34, 0.1)
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list a:before {
    position: absolute;
    display: inline-block;
    font-size: 14px;
    line-height: 0;
    content: "";
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px;
    width: 24px;
    height: 24px;
    left: 10px
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list a.icon-google:before {
    background-image: url("/views/etu/assets/img/_icons/google.png")
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list a.icon-yahoo:before {
    background-image: url("/views/etu/assets/img/_icons/yahoo.png")
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list a.icon-ical:before {
    background-image: url("/views/etu/assets/img/_icons/ical.png")
}

.event-pop__side__item.add-cal .add-cal__wrap .takvim-list a.icon-outlook:before {
    background-image: url("/views/etu/assets/img/_icons/outlook.png")
}

@media (max-width: 1024px) {
    .event-pop__side__item {
        padding: 10px
    }
}

@media (max-width: 767px) {
    .event-pop__side__item.speakers-box {
        text-align: center;
        border-bottom: 1px solid #ddd
    }
}

.event-pop__side__item__label {
    display: block;
    font-size: 10px;
    padding-bottom: 5px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em
}

.event-pop__side__item__desc {
    font-size: 14px;
    display: block;
    color: #333;
    font-weight: 400;
    line-height: 17px
}

.event-pop__side__item__desc.link {
    color: #0F4C90
}

.event-pop__side__item__desc.speaker {
    padding: 0 0 5px
}

@media (max-width: 767px) {
    .event-pop__side__item__desc {
        font-size: 13px;
        line-height: 15px
    }

    .event-pop__side__item__desc.speaker {
        font-size: 14px;
        line-height: 17px
    }
}

.kurumsal .page-sub-header.block {
    padding: 10px 0
}

.kurumsal .kurumsal__text P {
    font-size: 15px;
    line-height: 24px;
    display: block;
    padding: 0 0 15px 25px;
    font-weight: 400;
    color: #333
}

.kurumsal .kurumsal__text P strong, .kurumsal .kurumsal__text P b, .kurumsal .kurumsal__text P em {
    display: block;
    font-style: normal;
    line-height: 26px
}

.kurumsal .kurumsal__text P strong {
    font-weight: 400
}

.kurumsal .kurumsal__text P b, .kurumsal .kurumsal__text P em {
    font-size: 15px;
    color: #000
}

.kurumsal .kurumsal__text .mailus .ikon-mail {
    position: relative;
    margin-right: 5px;
    vertical-align: middle
}

.kurumsal .kurumsal_foto {
    margin-bottom: 10px
}

.kurumsal_content .timeline .timeline__item h4 {
    padding-bottom: 15px;
    padding-top: 0;
    line-height: 22px;
    font-weight: 300;
    letter-spacing: .02em
}

.kurumsal_content .timeline .timeline__item:before {
    color: #000
}

@media (max-width: 767px) {
    .kurumsal_content .timeline {
        padding-top: 15px
    }
}

@media (max-width: 1023px) {
    .kurumsal_content {
        margin-top: 54px
    }
}

.logolar {
    clear: both;
    position: relative;
    display: inline-block;
    width: 100%
}

.logolar h3 {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding-top: 10px;
    margin-top: 10px;
    padding-left: 10px;
    letter-spacing: .02em
}

@media (max-width: 767px) {
    .logolar h3 {
        text-align: center
    }
}

.logolar.first-item h3 {
    margin-top: 0;
    padding-top: 0
}

.logolar__box {
    position: relative;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: table;
    width: 100%;
    border-collapse: collapse
}

.logolar__box__img {
    padding: 15px;
    height: 240px;
    display: block;
    width: 100%;
    text-align: center
}

.logolar__box__img img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    max-width: 270px;
    text-align: center;
    margin: 0 auto;
    display: block;
    height: auto
}

.logolar__box__img img.dikey {
    height: 140px;
    width: auto
}

.logolar__box__img img.kase {
    height: 200px;
    width: auto
}

@media (max-width: 767px) {
    .logolar__box__img img {
        max-width: 240px
    }
}

.logolar__box__download {
    display: block;
    width: 100%;
    padding: 15px;
    position: relative;
    border-top: 1px solid #ddd;
    background-color: #FBFBFB;
    text-align: center
}

.logolar__box__download strong {
    display: block;
    font-size: 16px;
    letter-spacing: .02em;
    line-height: 22px;
    font-weight: 500;
    color: #4d4d4d;
    margin-bottom: 24px
}

.logolar__box__download small {
    color: #999;
    display: block;
    font-size: 13px;
    top: 38px;
    font-weight: 500;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 1em;
    letter-spacing: .01em;
    position: absolute
}

.logolar__box__download__list {
    display: block;
    margin: 15px auto 0
}

.logolar__box__download__list__item {
    display: inline-block;
    border-left: 1px solid #ddd
}

.logolar__box__download__list__item:first-child {
    border-left: none
}

.logolar__box__download__list__item a {
    font-size: 16px;
    display: block;
    margin: 0 5px;
    padding: 0 5px;
    font-weight: 500;
    color: #0F4C90
}

.logolar__box__download__list__item a:hover {
    color: #3F77B6
}

@media (min-width: 1025px) {
    .logolar__box__download__list__item a {
        margin: 0 8px;
        padding: 0 8px
    }
}

.logolar__box__download__more {
    position: relative;
    margin-top: 20px
}

.logolar__box__download__more a {
    font-size: 12px;
    display: block;
    font-weight: 500;
    color: #0F4C90;
    letter-spacing: .02em
}

.logolar__box__download__more a:hover {
    color: #3F77B6
}

.logolar__box__download__select {
    position: relative;
    max-width: 100%
}

.logolar__box__download__select .etu_form {
    display: inline-block;
    width: 65%;
    position: relative;
    margin-left: -1px
}

.logolar__box__download__select .btn-download {
    display: inline-block;
    width: 32%;
    background-color: #0F4C90;
    color: #fff;
    margin-left: 2%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .06em;
    padding: 0 !important;
    text-align: center;
    height: 44px;
    line-height: 43px
}

.logolar__box__download__select .btn-download:hover, .logolar__box__download__select .btn-download:active {
    background-color: #3F77B6;
    color: #fff
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .logolar__box.fillThis .logolar__box__img, .logolar__box.fillThis .logolar__box__download {
        display: table-cell;
        width: 50%;
        vertical-align: middle
    }

    .logolar__box.fillThis .logolar__box__img {
        height: 140px
    }

    .logolar__box.fillThis .logolar__box__download {
        border-top: none;
        border-left: 1px solid #ddd
    }
}

.logolar__box.bolum_logolari .logolar__box__img, .logolar__box.bolum_logolari .logolar__box__download {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

@media (max-width: 1199px) {
    .logolar__box.bolum_logolari .logolar__box__img, .logolar__box.bolum_logolari .logolar__box__download {
        display: inline-block;
        width: 100%
    }
}

.logolar__box.bolum_logolari .logolar__box__download strong {
    text-align: left;
    margin-bottom: 10px
}

.logolar__box.bolum_logolari .logolar__box__img {
    height: 200px
}

.logolar__box.bolum_logolari .logolar__box__img img {
    height: 60px;
    width: auto;
    max-height: 100%;
    max-width: none
}

@media (min-width: 1201px) {
    .logolar__box.bolum_logolari .logolar__box__img img {
        display: inline-block;
        top: 30px
    }
}

@media (max-width: 767px) {
    .logolar__box.bolum_logolari .logolar__box__img img {
        height: 45px
    }
}

.logolar__box.bolum_logolari .logolar__box__download {
    border-top: none;
    border-left: 1px solid #ddd;
    padding: 25px
}

@media (max-width: 1199px) {
    .logolar__box.bolum_logolari .logolar__box__download {
        border-top: 1px solid #ddd;
        border-left: none
    }
}

.logolar__box.bolum_logolari .logolar__box__download__all .logolar__box__download__list {
    display: block;
    margin: 15px 0 0 0;
    text-align: left
}

.logolar__box.bolum_logolari .logolar__box__download__all .logolar__box__download__list .logolar__box__download__list__item:first-child a {
    padding-left: 0;
    margin-left: 0
}

.logo_info {
    display: block;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
    padding: 0 10px;
    color: #4d4d4d;
    letter-spacing: .015em
}

.logo_info a {
    font-weight: 500
}

@media (max-width: 767px) {
    .logo_info {
        text-align: center
    }
}

.ihaleler {
    position: relative
}

.ihaleler__list {
    display: block;
    margin-top: -10px
}

.ihaleler__list__item {
    padding: 10px 0;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #ddd
}

.ihaleler__list__item:last-child {
    border-bottom: none
}

.ihaleler__list__item span {
    display: block;
    color: #666;
    font-size: 13px
}

.ihaleler__list__item a {
    font-weight: 500
}

.ihaleler__inner__box {
    border: 1px solid #ddd;
    border-width: 1px 1px 0 1px;
    margin-bottom: 15px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.ihaleler__inner__box .grid-6 {
    border-bottom: 1px solid #ddd;
    padding: 13px 15px
}

.ihaleler__inner__box .grid-6:nth-child(odd) {
    border-right: 1px solid #ddd
}

.ihaleler__inner__box strong {
    display: block;
    font-weight: 500;
    letter-spacing: .025em;
    padding-bottom: 2px;
    font-size: 13px
}

.ihaleler__inner__box span {
    display: block
}

.ihaleler__inner__box span:before {
    content: '';
    display: block
}

.ihaleler__inner h3 {
    display: block;
    font-weight: 500
}

.ihaleler__inner__subtitle {
    position: relative
}

.ihaleler__inner__subtitle:before {
    width: 35%;
    height: 1px;
    display: block;
    position: relative;
    content: '';
    border-top: 1px dashed #ddd;
    margin-bottom: 20px
}

.ihaleler__inner__subtitle__header {
    display: block;
    position: relative;
    letter-spacing: .025em;
    margin-bottom: 8px
}

.ihaleler__inner__subtitle__header i {
    line-height: 0;
    display: inline-block;
    margin-right: 5px;
    top: -1px
}

.ihaleler__inner__subtitle br {
    content: "";
    margin: 1.25em;
    display: block;
    font-size: 24%
}

@media (min-width: 1025px) {
    .iletisim_fix {
        min-height: 740px
    }
}

.iletisim__wrap {
    position: relative;
    padding: 20px 0
}

.iletisim__wrap .wysi-icerik {
    padding: 0
}

.iletisim__wrap .wysi-icerik h3 {
    padding: 0 0 15px;
    font-size: 18px
}

.iletisim__wrap .iletisim_box {
    position: relative;
    -webkit-border-radius: 2.5px;
    -moz-border-radius: 2.5px;
    -ms-border-radius: 2.5px;
    border-radius: 2.5px;
    -o-border-radius: 2.5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    padding: 15px 15px 30px 15px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: hidden
}

.iletisim__wrap .iletisim_box:not(.form) {
    text-align: center;
    height: 235px
}

.iletisim__wrap .iletisim_box.form {
    margin-left: 20px;
    padding-bottom: 15px
}

.iletisim__wrap .iletisim_box.form [class*='grid-'] {
    padding: 0 10px
}

@media (max-width: 1199px) {
    .iletisim__wrap .iletisim_box {
        margin: 0 20px 20px 0
    }

    .iletisim__wrap .iletisim_box.form {
        margin-left: 0
    }

    .iletisim__wrap .iletisim_box:not(.form) {
        height: 215px
    }
}

@media (max-width: 1023px) {
    .iletisim__wrap .iletisim_box.adres, .iletisim__wrap .iletisim_box.form {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .iletisim__wrap .iletisim_box {
        margin-right: 0;
        height: auto !important
    }

    .iletisim__wrap .iletisim_box.form [class*='grid-'] {
        padding: 0 !important
    }
}

.iletisim__wrap .iletisim_box address {
    font-size: 16px;
    line-height: 30px;
    display: block;
    padding: 0 0 20px;
    font-style: normal;
    max-width: 300px;
    margin: 0 auto
}

.iletisim__wrap .iletisim_box h2 {
    display: block;
    padding: 15px 0 10px;
    margin: 0 15px 20px;
    border-bottom: 2px dotted #ddd;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    font-weight: 500
}

@media (max-width: 767px) {
    .iletisim__wrap .iletisim_box h2 {
        font-size: 16px;
        padding-top: 0
    }
}

.iletisim__wrap .iletisim_box h2 i.icon {
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 5px
}

.iletisim__wrap .iletisim_box h2 i.icon:before {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
    content: '';
    background-size: 24px;
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat
}

.iletisim__wrap .iletisim_box h2 i.icon.phone:before {
    background-image: url("/views/etu/assets/img/_icons/_iletisim/telephone.svg")
}

.iletisim__wrap .iletisim_box h2 i.icon.address {
    top: 3px
}

.iletisim__wrap .iletisim_box h2 i.icon.address:before {
    background-image: url("/views/etu/assets/img/_icons/_iletisim/address.svg")
}

.iletisim__wrap .iletisim_box h3 {
    font-size: 18px;
    line-height: 24px;
    display: block;
    padding: 0 0 10px 10px;
    font-weight: 500
}

@media (max-width: 767px) {
    .iletisim__wrap .iletisim_box h3 {
        font-size: 16px;
        padding: 0 0 15px 0
    }
}

.iletisim__wrap .iletisim_box label {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 500
}

.iletisim__wrap .iletisim_box strong {
    display: block;
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 14px;
    color: gray
}

.iletisim__wrap .iletisim_box__tel {
    display: inline-block;
    padding: 2px 5px 5px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    color: #0F4C90;
    text-align: center
}

.iletisim__wrap .iletisim_box__harita {
    display: inline-block;
    text-align: center;
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 13px;
    color: #0F4C90
}

.iletisim__wrap .iletisim_box__harita i.icon {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 4px
}

.iletisim__wrap .iletisim_box__harita i.icon:before {
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    content: '';
    background-size: 14px;
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("/views/etu/assets/img/_icons/_iletisim/location.svg")
}

.iletisim__wrap .iletisim_box small {
    display: block;
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 13px;
    color: gray;
    padding: 15px 0 5px
}

.iletisim__wrap .iletisim_box span {
    display: block;
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 14px
}

.iletisim__wrap .iletisim_box p {
    display: block;
    font-size: 14px;
    letter-spacing: .02em;
    color: gray;
    line-height: 20px;
    padding-right: 10px
}

@media (max-width: 767px) {
    .iletisim__wrap .iletisim_box p {
        padding-bottom: 15px;
        padding-right: 0
    }
}

.iletisim__wrap .etu_form button {
    float: right
}

@media (max-width: 767px) {
    .iletisim__wrap .etu_form button {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
        margin: 0 auto
    }
}

.tobb__social {
    display: block
}

@media (max-width: 1023px) {
    .tobb__social {
        padding: 25px;
        text-align: center
    }
}

.tobb__social a {
    display: inline-block;
    font-size: 24px;
    padding: 10px 15px 0 0
}

.tobb__social a:last-child {
    padding-right: 0
}

.tobb__social a .ikon {
    color: #0F4C90
}

.tobb__file-upload input[type=file] {
    position: absolute;
    z-index: -1;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden
}

.tobb__file-upload .error {
    color: #c23001;
    font-size: 13px;
    margin-top: 5px
}

.tobb__file-upload .hidden {
    display: none
}

.tobb__file-upload label {
    display: flex;
    cursor: pointer;
    border-radius: 2px
}

.tobb__file-upload label:after {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    content: attr(title);
    display: inline-block;
    padding: 9px 15px
}

.tobb__file-upload label span {
    white-space: nowrap;
    padding: 9px 15px;
    border: 1px solid #0072ac;
    color: #0072ac;
    border-radius: 2px
}

.tobb__file-upload label:hover span {
    border-color: #004165;
    color: #004165
}

.tobb__file-upload label * {
    pointer-events: none
}

.rezervasyon {
    margin-top: 15px
}

.rezervasyon .tabs__title {
    line-height: 50px;
    height: 90px;
    padding: 40px 30px 0;
    color: #666
}

.rezervasyon .tabs__title:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
    width: 100%;
    height: 40px;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.rezervasyon .tabs__title[data-icon="kutuphane"]:before {
    background-image: url("/views/etu/assets/img/_rezervasyon/kutuphane.png?v=1.0");
    background-size: 38px
}

.rezervasyon .tabs__title[data-icon="halisaha"]:before {
    background-image: url("/views/etu/assets/img/_rezervasyon/halisaha.png?v=1.0")
}

.rezervasyon .tabs__title[data-icon="studyo"]:before {
    background-image: url("/views/etu/assets/img/_rezervasyon/studyo.png?v=1.0");
    background-size: 38px
}

.rezervasyon .tabs__title.active {
    color: #0F4C90
}

.rezervasyon .tabs__title.active:before {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.rezervasyon .tabs__title.active[data-icon="kutuphane"]:before {
    background-image: url("/views/etu/assets/img/_rezervasyon/kutuphane--active.png?v=1.0");
    background-size: 38px
}

.rezervasyon .tabs__title.active[data-icon="halisaha"]:before {
    background-image: url("/views/etu/assets/img/_rezervasyon/halisaha--active.png?v=1.0")
}

.rezervasyon .tabs__title.active[data-icon="studyo"]:before {
    background-image: url("/views/etu/assets/img/_rezervasyon/studyo--active.png?v=1.0");
    background-size: 28px
}

@media (max-width: 1023px) {
    .rezervasyon .tabs__title {
        height: 60px;
        line-height: 60px !important;
        padding-left: 55px !important
    }

    .rezervasyon .tabs__title:before {
        left: 15px;
        top: 15px;
        height: 24px;
        background-size: 24px !important
    }
}

.rezervasyon .stepsBar {
    display: flex;
    -webkit-display: flex;
    align-items: stretch;
    margin: 15px 0 30px
}

@media (min-width: 1025px) {
    .rezervasyon .stepsBar {
        max-width: 640px
    }
}

.rezervasyon .stepsBar li {
    list-style-type: none;
    float: left;
    display: flex;
    flex: 1;
    text-align: center;
    font-size: 0;
    position: relative;
    counter-increment: step
}

.rezervasyon .stepsBar li.active ~ li a:before {
    color: #ddd;
    border-color: #ddd !important
}

.rezervasyon .stepsBar li.active ~ li a:before {
    color: #ccc;
    border-color: #ddd
}

.rezervasyon .stepsBar li.active ~ li:after, .rezervasyon .stepsBar li.active:after {
    border-color: #ddd
}

.rezervasyon .stepsBar li > a {
    margin: 0 auto;
    z-index: 2
}

.rezervasyon .stepsBar li a:before {
    display: inline-block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    content: "";
    line-height: 16px;
    background-color: #ddd;
    font-size: 1rem;
    border-radius: 40px;
    color: #ddd;
    z-index: 2
}

.rezervasyon .stepsBar li.checked a:before {
    background-color: #F18B22;
    color: #fff;
    background-size: 8px;
    background-image: url("/views/etu/assets/img/_icons/check.png?v=1.0");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    line-height: 1.4;
    text-align: center
}

.rezervasyon .stepsBar li.active a {
    pointer-events: none
}

.rezervasyon .stepsBar li.active a:before {
    background-color: #0F4C90;
    color: #0F4C90
}

.rezervasyon .stepsBar li a:after {
    position: relative;
    content: attr(data-title);
    color: #ccc;
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding-top: 10px
}

.rezervasyon .stepsBar li.active a:after {
    color: #0F4C90
}

.rezervasyon .stepsBar li:after {
    content: "";
    height: 1px;
    background-color: #ddd;
    width: 100%;
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 1
}

.rezervasyon .tabs__content {
    margin-top: 89px;
    display: none
}

.rezervasyon .rezervasyon-tabs {
    position: relative
}

.rezervasyon__date {
    position: relative;
    margin: 10px 0 20px
}

.rezervasyon__date__input {
    font-size: 14px;
    padding: 0 46px 0 10px;
    line-height: 43px;
    font-weight: 400;
    height: 44px;
    border: 1px solid #ddd;
    outline: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 275px;
    position: relative
}

.rezervasyon__date__input:active, .rezervasyon__date__input:focus {
    border-color: #000
}

.rezervasyon__date__input--icon {
    position: absolute;
    top: 36px;
    right: 11px;
    font-size: 22px
}

.rezervasyon__date__input__label {
    display: block;
    position: relative;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .03em
}

@media (max-width: 767px) {
    .rezervasyon__date__input {
        width: 100%;
        font-size: 16px
    }
}

.rezervasyon__devam {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding: 25px 0
}

.rezervasyon__onay-header {
    display: block;
    padding: 20px 0;
    text-align: center
}

.rezervasyon__onay-header h2 {
    color: #3FA83F;
    letter-spacing: .06em;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

@media (max-width: 767px) {
    .rezervasyon__onay-header h2 {
        margin-bottom: 10px
    }
}

.rezervasyon__onay-header__icon {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    width: 100%
}

.rezervasyon__onay-header__icon img {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 90px
}

@media (max-width: 767px) {
    .rezervasyon__onay-header__icon img {
        max-width: 120px !important
    }
}

.rezervasyon__onay-header p {
    display: block !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: #666;
    letter-spacing: .02em !important
}

.rezervasyon__onay-header.red h2 {
    color: #B22029
}

.rezervasyon__takip {
    position: relative
}

.rezervasyon__takip .page-sub-header {
    padding: 0;
    font-weight: 500 !important
}

.rezervasyon__takip p {
    display: block !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: #666;
    letter-spacing: .02em !important
}

.rezervasyon__takip__form {
    position: relative;
    margin: 15px 0 30px
}

.rezervasyon__takip__form input {
    font-size: 14px;
    padding: 0 10px;
    line-height: 43px;
    font-weight: 400;
    height: 44px;
    border: 1px solid #ddd;
    outline: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 340px;
    position: relative;
    margin-right: 20px
}

.rezervasyon__takip__form input:active, .rezervasyon__takip__form input:focus {
    border-color: #000
}

@media (max-width: 767px) {
    .rezervasyon__takip__form input {
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0
    }
}

.rezervasyon__linki {
    font-weight: 400;
    color: #0F4C90
}

.rezervasyon__linki.disabled {
    pointer-events: none
}

.rezervasyon .btn-rezervasyon {
    color: #0F4C90;
    border: 1px solid #0F4C90;
    outline: none;
    background-color: #fff;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    -ms-border-radius: 42px;
    border-radius: 42px;
    -o-border-radius: 42px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    padding: 0 42px;
    height: 42px;
    font-weight: 400;
    line-height: 40px;
    font-size: 15px;
    letter-spacing: .02em;
    text-align: center
}

.rezervasyon .btn-rezervasyon.iptal {
    border-color: #B22029;
    background-color: #B22029;
    color: #fff;
    margin-left: 15px
}

@media (min-width: 1025px) {
    .rezervasyon .btn-rezervasyon {
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -ms-transition: all 0.3s
    }

    .rezervasyon .btn-rezervasyon:hover, .rezervasyon .btn-rezervasyon:active {
        background-color: #0F4C90;
        color: #fff
    }

    .rezervasyon .btn-rezervasyon.iptal:hover, .rezervasyon .btn-rezervasyon.iptal:active {
        background-color: #d52631;
        border-color: #d52631;
        color: #fff
    }
}

@media (max-width: 767px) {
    .rezervasyon .btn-rezervasyon {
        display: block;
        margin: 0 auto;
        width: 100%
    }

    .rezervasyon .btn-rezervasyon.iptal {
        margin-left: 0;
        margin-top: 15px
    }
}

.rezervasyon__katilimcilar {
    clear: both;
    position: relative;
    padding: 30px 0 15px;
    margin: 15px 0;
    border-top: 1px solid #ddd
}

@media (min-width: 1025px) {
    .rezervasyon__katilimcilar {
        max-width: 640px
    }
}

.rezervasyon__katilimcilar strong {
    display: block;
    letter-spacing: .015em;
    padding-bottom: 6px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.rezervasyon__katilimcilar ul, .rezervasyon__katilimcilar ol {
    display: block;
    margin-top: 10px
}

.rezervasyon__katilimcilar ul li, .rezervasyon__katilimcilar ol li {
    display: block;
    margin-left: 35px;
    position: relative;
    letter-spacing: .015em;
    padding-bottom: 15px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: gray
}

.rezervasyon__katilimcilar ul li:before, .rezervasyon__katilimcilar ol li:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: -30px;
    top: 3px;
    content: ""
}

.rezervasyon__katilimcilar p {
    color: gray;
    padding: 0 0 10px !important;
    font-size: 13px !important;
    letter-spacing: .025em;
    line-height: 18px !important
}

.rezervasyon__katilimcilar .giris_input {
    position: relative;
    overflow: hidden
}

.rezervasyon__katilimcilar .giris_input .first-item {
    padding-left: 0
}

.rezervasyon__katilimcilar .giris_input .last-item {
    padding-right: 0
}

@media (max-width: 767px) {
    .rezervasyon__katilimcilar .giris_input .last-item {
        padding-left: 0
    }
}

.rezervasyon__katilimcilar input {
    font-size: 14px;
    padding: 0 10px;
    line-height: 43px;
    font-weight: 400;
    height: 44px;
    border: 1px solid #ddd;
    outline: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 275px;
    position: relative
}

.rezervasyon__katilimcilar input.giris {
    width: 100%
}

.rezervasyon__katilimcilar input:active, .rezervasyon__katilimcilar input:focus {
    border-color: #000
}

@media (max-width: 767px) {
    .rezervasyon__katilimcilar input {
        width: 100%
    }
}

.rezervasyon__katilimcilar .ogrenci__no {
    margin-bottom: 10px;
    position: relative;
    max-width: 275px
}

.rezervasyon__katilimcilar .ogrenci__no--more {
    margin-bottom: 10px;
    position: relative;
    max-width: 275px
}

.rezervasyon__katilimcilar .ogrenci__no--more .delete {
    position: absolute;
    right: 0;
    top: 0;
    color: #B22029;
    font-size: 12px;
    cursor: pointer;
    padding: 0 15px;
    line-height: 46px;
    display: inline-block
}

@media (max-width: 767px) {
    .rezervasyon__katilimcilar .ogrenci__no {
        max-width: 100%
    }

    .rezervasyon__katilimcilar .ogrenci__no--more {
        max-width: 100%
    }
}

.rezervasyon__katilimcilar .ogrenci__add {
    font-weight: 500;
    color: #0F4C90;
    font-size: 13px;
    letter-spacing: .03em;
    cursor: pointer;
    padding: 5px 0
}

@media (min-width: 1025px) {
    .rezervasyon__katilimcilar .ogrenci__add {
        display: inline-block
    }
}

.rezervasyon__katilimcilar .ogrenci__add i {
    margin-right: 6px;
    display: inline-block;
    position: relative
}

.rezervasyon__sub-text {
    color: #B22029;
    font-size: 15px !important;
    letter-spacing: .025em;
    line-height: 22px !important;
    padding: 15px 0 0 !important;
    display: block;
    clear: both
}

.rezervasyon__sub-text i {
    margin-right: 4px;
    position: relative;
    font-size: 14px
}

@media (min-width: 1025px) {
    .rezervasyon__preview {
        max-width: 640px
    }
}

.rezervasyon__preview div {
    position: relative;
    font-size: 15px;
    line-height: 21px;
    border-bottom: 1px solid #ddd;
    color: #333
}

@media (max-width: 767px) {
    .rezervasyon__preview div {
        border-bottom: none;
        text-align: left !important
    }

    .rezervasyon__preview div.yesBottomBorder {
        border-bottom: 1px solid #ddd;
        padding-top: 0
    }
}

.rezervasyon__preview div.noBottomBorder {
    border-bottom: none
}

.rezervasyon__preview div strong {
    font-weight: 500;
    color: #000
}

.rezervasyon__preview div ul {
    display: block;
    padding: 5px 0
}

.rezervasyon__preview div ul li {
    display: block;
    padding-bottom: 5px;
    letter-spacing: .02em
}

.rezervasyon__preview div ul li b {
    font-weight: 400
}

.rezervasyon__preview.takip_preview {
    padding: 15px;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
    margin: 15px 0
}

.rezervasyon__preview.takip_preview .rezervasyon__devam {
    border-bottom: none
}

.rezervasyon__info {
    position: relative;
    clear: both;
    margin: 25px 0;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.rezervasyon__info label {
    margin-right: 30px;
    font-size: 13px;
    line-height: 1.5 !important;
    font-weight: 400
}

.rezervasyon__info label:last-child {
    margin-right: 0
}

.rezervasyon .rezervasyon-check input[type="checkbox"], .rezervasyon .rezervasyon-check input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.rezervasyon .rezervasyon-check label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 2em;
    height: 1.4em;
    line-height: 1.4;
    cursor: pointer
}

.rezervasyon .rezervasyon-check label::before, .rezervasyon .rezervasyon-check label::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1.4em;
    height: 1.4em
}

.rezervasyon .rezervasyon-check label::before {
    content: " ";
    border: 1px solid #b3b3b3;
    background-color: #eeeeee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.rezervasyon .rezervasyon-check input[type="checkbox"] + label::after {
    background-size: 14px;
    background-image: url("/views/etu/assets/img/_icons/check.png?v=1.0");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    color: #fff;
    line-height: 1.4;
    text-align: center
}

.rezervasyon .rezervasyon-check input[type="checkbox"]:disabled + label::before {
    background-color: #999;
    border-color: #999
}

.rezervasyon .rezervasyon-check input[type="checkbox"]:disabled + label {
    cursor: not-allowed
}

.rezervasyon .rezervasyon-check input[type="radio"] + label::before {
    border-radius: 50%
}

.rezervasyon .rezervasyon-check input[type=radio] + label::after {
    content: " ";
    top: .25em;
    left: .25em;
    width: 1em;
    height: 1em;
    background: #fff;
    border: .2em solid #2c3e50;
    border-radius: 50%
}

.rezervasyon .rezervasyon-check input[type="checkbox"]:checked + label::before, .rezervasyon .rezervasyon-check input[type="radio"]:checked + label::before {
    background: #0F4C90;
    border-color: #0F4C90
}

.rezervasyon .rezervasyon-check input[type="checkbox"] + label::after, .rezervasyon .rezervasyon-check input[type=radio] + label::after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.rezervasyon .rezervasyon-check input[type="checkbox"]:checked + label::after, .rezervasyon .rezervasyon-check input[type=radio]:checked + label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.rezervasyon .rezervasyon-check label::before, .rezervasyon .rezervasyon-check label::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease
}

@media (max-width: 1023px) {
    .rezervasyon .tabs__content {
        padding: 0 15px !important
    }
}

@media (min-width: 1025px) {
    .rezervasyon .rezervasyon__table {
        max-width: 640px
    }
}

table.rezervasyon__table th {
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    font-size: 13px
}

table.rezervasyon__table td, table.rezervasyon__table th {
    padding: 9px 10px;
    text-align: center;
    position: relative;
    overflow: hidden
}

table.rezervasyon__table td:first-child, table.rezervasyon__table th:first-child {
    text-align: left;
    font-weight: 500
}

table.rezervasyon__table td:first-child {
    font-size: 15px
}

@media only screen and (max-width: 767px) {
    table.rezervasyon__table {
        margin-bottom: 0
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 30%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd
    }

    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%
    }

    .pinned table th, .pinned table td {
        white-space: nowrap
    }

    .pinned td:last-child {
        border-bottom: 0
    }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ddd
    }

    div.table-wrapper div.scrollable table {
        margin-left: 30%
    }

    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }

    table.rezervasyon__table td, table.rezervasyon__table th {
        position: relative;
        white-space: nowrap;
        overflow: hidden
    }

    div.scrollable table.rezervasyon__table th:first-child, div.scrollable table.rezervasyon__table td:first-child, div.pinned table.rezervasyon__table td {
        display: none
    }

    div.pinned table.rezervasyon__table td:first-child, div.pinned table.rezervasyon__table th:first-child {
        display: block;
        text-align: left
    }
}

.basvuru_form {
    position: relative;
    padding-bottom: 40px
}

.basvuru_form h1 {
    padding-bottom: 0 !important
}

.basvuru_form h2 {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
    line-height: 1.625rem;
    font-weight: 500;
    padding-bottom: 5px;
    margin-top: 30px;
    color: #0F4C90;
    border-bottom: 1px solid #0F4C90
}

.basvuru_form h2.form_first_header {
    margin-top: 10px
}

@media (max-width: 47.99em) {
    .basvuru_form h2 {
        text-align: center
    }

    .basvuru_form h2.form_first_header {
        margin-top: 20px
    }
}

.basvuru_form h3 {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 500
}

.basvuru_form form {
    width: 100%;
    max-width: 670px;
    position: relative
}

.basvuru_form input[type=text], .basvuru_form input[type=url], .basvuru_form input[type=email], .basvuru_form input[type=tel], .basvuru_form input[type=password], .basvuru_form input[type=number] {
    box-sizing: border-box;
    min-height: 2.625rem;
    width: 100%;
    padding: .625rem;
    margin-bottom: .625rem;
    font-family: inherit;
    font-size: .875rem;
    vertical-align: middle;
    border: .0625rem solid #ccc;
    border-radius: .1875rem;
    outline: none;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    background-color: #fff
}

.basvuru_form input[type=text]:focus, .basvuru_form input[type=url]:focus, .basvuru_form input[type=email]:focus, .basvuru_form input[type=tel]:focus, .basvuru_form input[type=password]:focus, .basvuru_form input[type=number]:focus {
    border-color: #0F4C90;
    -webkit-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -moz-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -ms-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -o-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25)
}

.basvuru_form input[type=text]:disabled, .basvuru_form input[type=url]:disabled, .basvuru_form input[type=email]:disabled, .basvuru_form input[type=tel]:disabled, .basvuru_form input[type=password]:disabled, .basvuru_form input[type=number]:disabled {
    background-color: #eee;
    cursor: not-allowed
}

.basvuru_form input[name=captcha] {
    padding-right: 130px
}

.basvuru_form textarea {
    box-sizing: border-box;
    min-height: 2.625rem;
    width: 100%;
    padding: .625rem;
    margin-bottom: .625rem;
    font-family: inherit;
    font-size: .875rem;
    vertical-align: middle;
    border: .0625rem solid #ccc;
    border-radius: .1875rem;
    outline: none;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    background-color: #fff;
    display: block;
    overflow: auto
}

.basvuru_form textarea:focus {
    border-color: #0F4C90;
    -webkit-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -moz-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -ms-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -o-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25)
}

.basvuru_form textarea:disabled {
    background-color: #eee;
    cursor: not-allowed
}

.basvuru_form .select-wrap {
    position: relative;
    color: inherit
}

.basvuru_form .select-wrap::after {
    content: '\25BE';
    position: absolute;
    top: .6875rem;
    right: .9375rem;
    color: #b3b3b3;
    pointer-events: none
}

.basvuru_form .select-wrap select::-ms-expand {
    display: none
}

.basvuru_form .select-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 2.625rem;
    width: 100%;
    padding-left: .625rem;
    margin-bottom: .625rem;
    font-family: inherit;
    font-size: .875rem;
    border: .0625rem solid #ccc;
    border-radius: .1875rem;
    outline: none;
    background-color: white
}

.basvuru_form .select-wrap select:focus {
    border-color: #0F4C90;
    -webkit-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -moz-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -ms-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25);
    -o-box-shadow: 0 0 10px -1px rgba(50, 104, 179, 0.25)
}

.basvuru_form .select-wrap select:disabled {
    background-color: #eee;
    cursor: not-allowed
}

.basvuru_form select[multiple] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 0 .625rem;
    margin-bottom: .625rem;
    font-family: inherit;
    font-size: .875rem;
    border: .0625rem solid #ccc;
    border-radius: .1875rem;
    outline: none;
    background-color: white
}

.basvuru_form select[multiple]:focus {
    border-color: #000
}

.basvuru_form select[multiple]:disabled {
    background-color: #eee;
    cursor: not-allowed
}

.basvuru_form input[type=radio] {
    position: absolute;
    left: -1000rem
}

.basvuru_form input[type=radio] + label {
    position: relative;
    cursor: pointer;
    margin-right: .9375rem;
    padding-left: 1.5625rem;
    font-size: .875rem
}

.basvuru_form input[type=radio] + label::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1.125rem;
    top: 0;
    margin: auto;
    width: 1.125rem;
    border-radius: .5625rem;
    background-color: #e2e2e2;
    font-family: sans-serif
}

.basvuru_form input[type=radio] + label::after {
    content: '';
    transition: background-color 0.3s
}

.basvuru_form input[type=radio]:checked + label::after {
    content: '';
    position: absolute;
    left: .3125rem;
    top: 0;
    margin: auto;
    bottom: 0;
    height: .5rem;
    width: .5rem;
    border-radius: .9375rem;
    background-color: #0F4C90;
    text-align: center
}

.basvuru_form input[type=radio]:focus + label::before {
    background-color: #dcdada
}

.basvuru_form input[type=radio]:disabled + label {
    cursor: not-allowed
}

.basvuru_form input[type=radio]:disabled + label::before {
    background-color: #eee
}

.basvuru_form input[type=radio]:disabled:checked + label::after {
    background-color: #a2a2a2
}

.basvuru_form input[type=checkbox] {
    position: absolute;
    left: -1000rem
}

.basvuru_form input[type=checkbox] + label {
    position: relative;
    cursor: pointer;
    margin-right: .9375rem;
    padding-left: 1.5625rem;
    font-size: .875rem
}

.basvuru_form input[type=checkbox] + label::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1rem;
    width: 1rem;
    border-radius: .1875rem;
    background-color: #e2e2e2;
    font-family: sans-serif
}

.basvuru_form input[type=checkbox] + label::after {
    content: '';
    opacity: 0;
    transition: opacity 0.3s
}

.basvuru_form input[type=checkbox]:checked + label::after {
    content: '';
    position: absolute;
    display: block;
    opacity: 1;
    background-image: url("/views/web/assets/img/check.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
    background-size: 10px
}

.basvuru_form input[type=checkbox]:focus + label::before {
    background-color: #dcdada
}

.basvuru_form input[type=checkbox]:disabled + label {
    cursor: not-allowed
}

.basvuru_form input[type=checkbox]:disabled + label::before {
    background-color: #eee
}

.basvuru_form input[type=checkbox]:disabled:checked + label::after {
    border-color: #a2a2a2
}

.basvuru_form .important {
    display: block;
    font-weight: 500;
    color: #B22029;
    padding: 0 0 15px
}

.basvuru_form .file_form .form_box {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc
}

.basvuru_form .soru {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-weight: 400;
    letter-spacing: .01em;
    margin-bottom: 10px;
    position: relative
}

.basvuru_form .soru_list {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-weight: 400;
    letter-spacing: .01em;
    position: relative;
    display: block;
    list-style-type: disc;
    margin-bottom: 10px
}

.basvuru_form .soru_list li {
    margin-left: 45px
}

.basvuru_form .form_box {
    display: block;
    position: relative;
    clear: both;
    margin-bottom: 3px;
    overflow: hidden
}

.basvuru_form .form_box.captcha {
    max-width: 340px
}

@media (max-width: 47.99em) {
    .basvuru_form .form_box.captcha {
        max-width: 100%
    }
}

.basvuru_form .form_box label, .basvuru_form .form_box .label_header {
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 500;
    margin-bottom: 5px;
    position: relative
}

.basvuru_form .form_box label[data-required="true"]:after, .basvuru_form .form_box .label_header[data-required="true"]:after {
    display: inline-block;
    margin-left: 5px;
    content: "*";
    color: #B22029
}

.basvuru_form .form_box .label_header {
    display: block
}

.basvuru_form .form_box .label_header span {
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    padding: 0 0 15px;
    letter-spacing: .02em;
    opacity: .65
}

.basvuru_form .form_box .full_input {
    margin-bottom: 5px
}

.basvuru_form .form_box .full_input label {
    font-weight: 500;
    line-height: 1.025rem
}

.basvuru_form .form_box.multi_select label {
    display: block
}

.basvuru_form .form_box.multi_select[data-items="2"] .select-wrap {
    width: 48%;
    margin-left: 2%
}

.basvuru_form .form_box.multi_select[data-items="3"] .select-wrap {
    width: 32%;
    margin-left: 2%
}

.basvuru_form .form_box.multi_select .select-wrap {
    display: block;
    float: left
}

.basvuru_form .form_box.multi_select .select-wrap:nth-of-type(1) {
    margin-left: 0
}

.basvuru_form .form_inner_box {
    display: block;
    position: relative;
    clear: both;
    height: 100%;
    margin-bottom: 3px;
    overflow: hidden
}

.basvuru_form .form_inner_box:first-child {
    margin-top: 10px
}

.basvuru_form .form_captcha {
    position: absolute;
    z-index: 3;
    top: 28px;
    right: 1px;
    max-width: 125px;
    cursor: pointer;
    display: block;
    width: 100%;
    border-radius: 0 3px 3px 0
}

.basvuru_form .form_sub_title {
    position: absolute;
    top: 40px;
    font-size: 13px;
    right: 15px;
    font-weight: 600;
    z-index: 2;
    opacity: .3;
    letter-spacing: -.025em;
    transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s
}

.basvuru_form input[name=liseort]:focus + div.form_sub_title {
    opacity: 1;
    color: #B22029
}

.basvuru_form .file-input {
    display: block;
    text-align: left;
    background: #fff;
    padding: 10px;
    width: 100%;
    position: relative;
    border-radius: 3px;
    border: 1px dashed #ccc;
    margin-bottom: 15px
}

.basvuru_form .file-input > [type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer
}

.basvuru_form .file-input > .button {
    display: inline-block;
    cursor: pointer;
    background: #eee;
    padding: 8px 16px;
    border-radius: 2px;
    margin-right: 8px
}

@media (max-width: 47.99em) {
    .basvuru_form .file-input > .button {
        margin-right: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
        font-size: 14px
    }
}

.basvuru_form .file-input:hover {
    border-color: #0F4C90;
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.08)
}

.basvuru_form .file-input:hover > .button {
    background: #0F4C90;
    color: white
}

.basvuru_form .file-input:active {
    border-color: #7FAFE4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -o-box-shadow: none
}

.basvuru_form .file-input:active > .button {
    background: #7FAFE4;
    color: white
}

.basvuru_form .file-input > .label {
    color: #333;
    white-space: nowrap;
    opacity: .3;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem
}

.basvuru_form .file-input.-chosen > .label {
    opacity: 1
}

.basvuru_form .btn {
    font-size: 16px;
    height: 50px;
    line-height: 48px;
    padding: 1px 52px
}

@media (max-width: 47.99em) {
    .basvuru_form .btn {
        margin: 0 auto;
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px
    }
}

.kariyer {
    position: relative
}

@media (min-width: 62.01em) {
    .kariyer {
        min-height: 50vh
    }
}

.kariyer__box {
    position: relative;
    border: 1px solid #ddd;
    background-color: #fff;
    clear: both;
    margin-bottom: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.kariyer__box__title {
    padding: 15px;
    background-color: #EFF5FC;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    clear: both;
    font-weight: 500;
    letter-spacing: .015em;
    position: relative;
    display: block
}

.kariyer__box__title:after {
    content: attr(data-info);
    position: absolute;
    right: 20px;
    top: 18px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: #0F4C90;
    opacity: .6
}

@media (max-width: 47.99em) {
    .kariyer__box__title:after {
        display: block;
        position: relative;
        right: 0;
        top: 0
    }
}

.kariyer__box__wrap {
    position: relative;
    padding: 20px
}

.kariyer__header {
    display: table;
    width: 100%;
    margin: 10px auto 0;
    table-layout: fixed;
    position: relative
}

@media (max-width: 61.99em) {
    .kariyer__header {
        display: none
    }
}

.kariyer__header__item {
    display: table-cell;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 18px;
    line-height: 1.125rem;
    width: 100%;
    font-weight: 500;
    padding: 10px 0
}

.kariyer__header__item:nth-child(2) {
    text-align: center
}

.kariyer__header__item:nth-child(3) {
    text-align: center
}

.kariyer__header__item:nth-child(4) {
    text-align: center
}

.kariyer__header__item:nth-child(5) {
    text-align: right
}

.kariyer__list {
    display: block;
    position: relative;
    width: 100%
}

.kariyer__list__item {
    display: block;
    position: relative;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 20px 0
}

@media (max-width: 61.99em) {
    .kariyer__list__item:first-child {
        border-top: none
    }
}

.kariyer__list__item__is {
    display: table;
    width: 100%;
    margin: 0 auto;
    table-layout: fixed;
    position: relative
}

@media (max-width: 61.99em) {
    .kariyer__list__item__is {
        display: block
    }
}

.kariyer__list__item__is li {
    display: table-cell;
    width: 100%;
    position: relative
}

.kariyer__list__item__is li:nth-child(2) {
    text-align: center
}

.kariyer__list__item__is li:nth-child(3) {
    text-align: center
}

.kariyer__list__item__is li:nth-child(4) {
    text-align: center
}

.kariyer__list__item__is li:nth-child(5) {
    text-align: right;
    width: 230px
}

@media (max-width: 61.99em) {
    .kariyer__list__item__is li {
        display: block;
        text-align: center;
        margin-bottom: 25px
    }

    .kariyer__list__item__is li:last-child {
        margin-bottom: 0
    }

    .kariyer__list__item__is li:nth-child(3) {
        text-align: center
    }

    .kariyer__list__item__is li:nth-child(4) {
        text-align: center
    }

    .kariyer__list__item__is li:nth-child(5) {
        text-align: center;
        width: auto
    }

    .kariyer__list__item__is li:before {
        display: block;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 17px;
        line-height: 1.0625rem;
        margin-bottom: 5px;
        content: attr(data-title);
        font-weight: 500
    }
}

.kariyer__list__item__is__title {
    font-weight: 500
}

.kariyer__list__item__is__option a {
    display: inline-block;
    margin-left: 8px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 38px;
    line-height: 2.375rem;
    font-weight: 400;
    height: 39px;
    padding: 0 22px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -o-border-radius: 100px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #0F4C90;
    letter-spacing: .015em
}

.kariyer__list__item__is__option a:first-child {
    margin-left: 0
}

.kariyer__list__item__is__option a.basvur {
    border-color: #B22029;
    color: #B22029
}

.kariyer__aciklama {
    position: relative;
    padding: 15px 15px 15px 0
}

@media (max-width: 47.99em) {
    .kariyer__aciklama {
        padding: 15px 10px
    }
}

.kariyer__aciklama__tanim .title {
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px
}

.kariyer__aciklama__tanim p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding-bottom: 15px;
    letter-spacing: .015em
}

.kariyer__aciklama__nitelikler {
    margin-top: 15px;
    position: relative
}

.kariyer__aciklama__nitelikler .title {
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px
}

.kariyer__aciklama__nitelikler p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding-bottom: 15px;
    letter-spacing: .015em
}

.kariyer__aciklama__nitelikler ul, .kariyer__aciklama__nitelikler ol {
    display: block
}

.kariyer__aciklama__nitelikler ul li, .kariyer__aciklama__nitelikler ol li {
    display: block;
    margin-left: 45px;
    position: relative;
    letter-spacing: .015em;
    padding-bottom: 15px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 22px;
    line-height: 1.375rem
}

.kariyer__aciklama__nitelikler ul li:before, .kariyer__aciklama__nitelikler ol li:before {
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: -30px;
    top: 3px;
    content: ""
}

.kariyer__aciklama #sharePage {
    position: relative;
    right: 0;
    left: 0;
    padding-left: 0
}

@media (max-width: 74.99em) {
    .kariyer__aciklama #sharePage {
        display: block;
        margin: 0;
        text-align: left
    }

    .kariyer__aciklama #sharePage a.fb {
        display: inline-block !important
    }
}

.kariyer__side {
    -webkit-border-radius: 2.5px;
    -moz-border-radius: 2.5px;
    -ms-border-radius: 2.5px;
    border-radius: 2.5px;
    -o-border-radius: 2.5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    padding: 15px;
    border: 1px solid #ddd;
    margin: 10px 0 10px;
    overflow: hidden;
    max-width: 320px;
    right: 0;
    float: right;
    width: 100%
}

@media (max-width: 47.99em) {
    .kariyer__side {
        float: none;
        margin: 0 auto 30px;
        max-width: 100%
    }
}

.kariyer__side__item {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #ddd
}

.kariyer__side__item:first-child {
    padding-top: 0
}

.kariyer__side__item strong {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 17px;
    line-height: 1.0625rem;
    margin-bottom: 4px
}

.kariyer__side .basvur {
    display: block;
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 41px;
    line-height: 2.5625rem;
    font-weight: 400;
    height: 42px;
    text-align: center;
    padding: 0 22px;
    margin: 15px auto 0;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -o-border-radius: 100px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #0F4C90;
    letter-spacing: .015em
}

.kariyer .no_result {
    display: block;
    padding: 20px 0
}

.kariyer__subtitle {
    display: inline-block;
    padding: 20px 15px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 49px;
    line-height: 3.0625rem
}

.kariyer .genel_basvuru {
    float: right;
    margin: 20px 0;
    display: inline-block
}

.kariyer .genel_basvuru a {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 48px;
    line-height: 3rem;
    font-weight: 400;
    height: 49px;
    padding: 0 32px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -o-border-radius: 100px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #0F4C90;
    letter-spacing: .015em;
    border-color: #B22029;
    color: #B22029
}

.kariyer__basvuru_header {
    display: block;
    text-align: center;
    padding: 30px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
    line-height: 1.625rem
}

.kariyer .etu_form {
    max-width: 590px;
    margin: 0 auto
}

.kariyer .etu_form button.btn-med {
    display: block;
    width: 100%;
    margin-bottom: 25px;
    font-size: 16px;
    height: 46px;
    line-height: 45px
}

.kariyer .etu_form .tobb__file-upload label {
    display: block;
    margin-top: 15px
}

.kariyer .etu_form .tobb__file-upload label:after {
    display: block;
    width: 100%;
    text-overflow: inherit;
    padding: 20px 0 0 0
}

@media (max-width: 61.99em) {
    .kariyer .etu_form input, .kariyer .etu_form textarea, .kariyer .etu_form select {
        margin-bottom: 0 !important
    }
}

@media all and (max-width: 1023px) {
    .kariyer .page-content {
        margin-top: 50px
    }
}

.popupInline {
    position: relative;
    background: #FFF;
    padding: 30px;
    width: auto;
    max-width: 720px;
    max-height: 640px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    margin: 20px auto;
    overflow-y: auto
}

.popupInline h1 {
    display: block;
    margin: 0 0 5px;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 32px
}

.popupInline em {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #999;
    font-style: normal
}

.popupInline p {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 28px;
    color: #333
}

.pdrm_form {
    position: relative
}

.pdrm_form [class*='grid-'] {
    padding: 5px 8px
}

.pdrm_form .site_form_wrap {
    margin: -8px
}

.pdrm_form .site_form_wrap h2.form_first_header {
    margin-top: 5px !important
}

.randevu {
    position: relative;
    padding: 1rem 0 2rem;
    min-height: 50vw
}

.randevu h1 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 34px;
    line-height: 2.125rem;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: center
}

.randevu p {
    padding: 0 0 1rem;
    color: #999;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 22px;
    line-height: 1.375rem;
    text-align: center
}

.randevu .randevu_tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 2rem
}

@media (max-width: 61.99em) {
    .randevu .randevu_tabs {
        margin-top: 1rem
    }
}

.randevu .randevu_tabs a {
    font-weight: 500;
    color: #666;
    position: relative;
    text-align: center;
    font-size: 18px;
    flex-basis: 48%;
    max-width: 370px;
    padding: 1.25rem;
    border: 0.1rem solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

@media (max-width: 61.99em) {
    .randevu .randevu_tabs a {
        max-width: 100%;
        flex-basis: 100%
    }
}

.randevu .randevu_tabs a strong {
    background-color: #0F4C90;
    color: #fff;
    padding: .5rem 2rem .65rem;
    margin-top: 1rem
}

.randevu .randevu_tabs a span {
    padding: .25rem 0 .5rem;
    display: block;
    font-size: 14px;
    color: #999;
    font-weight: 400
}

.randevu .randevu_tabs a p {
    font-weight: 400;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 19px;
    line-height: 1.1875rem;
    color: gray
}

.randevu .randevu_tabs a:hover {
    color: #333;
    border-color: #0F4C90
}

.randevu .randevu_tabs a:hover span {
    color: #666
}

.randevu .randevu_tabs a + a {
    margin-left: 5rem
}

@media (max-width: 61.99em) {
    .randevu .randevu_tabs a + a {
        margin-left: 0;
        margin-top: 2rem
    }
}

.randevu .randevu_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    align-content: start;
    max-width: 720px;
    margin: 0 auto
}

.randevu .randevu_content .form_checks {
    position: relative;
    padding-top: 1rem
}

.randevu .randevu_content .form_checks div {
    position: relative;
    padding: .5rem 0
}

.randevu .randevu_content .form_checks div input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0
}

.randevu .randevu_content .form_checks div label {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-weight: 400;
    color: #666;
    position: relative;
    padding-left: 1.75rem;
    cursor: pointer
}

.randevu .randevu_content .form_checks div label a {
    text-decoration: underline
}

.randevu .randevu_content .form_checks div label a:hover {
    text-decoration: none
}

.randevu .randevu_content .form_checks div label:before {
    content: "";
    display: block;
    position: absolute;
    top: .05rem;
    left: 0;
    width: 18px;
    height: 18px;
    border: 0.1rem solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff
}

.randevu .randevu_content .form_checks div label:after {
    position: absolute;
    content: "";
    top: .375rem;
    left: .325rem;
    text-align: center;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: none
}

.randevu .randevu_content .form_checks div input:checked + label {
    color: #000
}

.randevu .randevu_content .form_checks div input:checked + label:before {
    background-color: #0F4C90;
    border-color: #0F4C90
}

.randevu .randevu_content .form_checks div input:checked + label:after {
    display: block;
    background-color: #fff
}

.randevu .randevu_content .form_item {
    flex-basis: 48%;
    margin-top: 1rem
}

@media (max-width: 61.99em) {
    .randevu .randevu_content .form_item {
        flex-basis: 100%
    }
}

.randevu .randevu_content .form_item .sub_info {
    display: block;
    padding-top: .25rem;
    font-size: 12px;
    font-weight: 400;
    color: #999
}

.randevu .randevu_content .form_item[data-type=triple] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start
}

.randevu .randevu_content .form_item[data-type=triple] div {
    flex-basis: 31%
}

.randevu .randevu_content .form_item label {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    position: relative;
    font-weight: 400;
    padding-bottom: .25rem
}

.randevu .randevu_content .form_item label[data-required]:after {
    content: "*";
    color: #B22029;
    position: relative;
    margin-left: .2rem;
    top: .1rem
}

.randevu .randevu_content .form_item input {
    padding: .75rem;
    font-size: 16px;
    font-weight: 400;
    border: 0.1rem solid #ddd;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.randevu .randevu_content .form_item input:focus, .randevu .randevu_content .form_item input:active, .randevu .randevu_content .form_item input:focus-within {
    border-color: #0F4C90
}

.randevu .randevu_content .submit-btn {
    flex-basis: 100%;
    padding: 1rem 0;
    position: relative
}

.randevu .randevu_content .etu_select {
    position: relative;
    width: 100%;
    border: 0.1rem solid #ddd;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    z-index: 10
}

.randevu .randevu_content .etu_select select {
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 0;
    display: block;
    font-weight: 400;
    width: 100%;
    padding: .75rem 2rem .75rem .75rem;
    font-size: 16px
}

.randevu .randevu_content .etu_select:after {
    position: absolute;
    font-family: "etuIcon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 0;
    top: 0;
    width: 2.75rem;
    height: 100%;
    line-height: 2.95rem;
    pointer-events: none;
    content: "";
    text-align: center;
    font-size: 12px
}

.randevu .randevu_content .etu_select:focus, .randevu .randevu_content .etu_select:active, .randevu .randevu_content .etu_select:focus-within {
    border-color: #005ecc
}

.randevu .randevu_content .etu_select:focus:after, .randevu .randevu_content .etu_select:active:after, .randevu .randevu_content .etu_select:focus-within:after {
    color: #005ecc
}

.randevu .randevu_onay {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 720px;
    margin: 0 auto;
    padding: 1rem 0
}

.randevu .randevu_onay div {
    flex-basis: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1rem 0;
    align-items: start;
    text-align: right
}

@media (max-width: 47.99em) {
    .randevu .randevu_onay div {
        text-align: left
    }
}

.randevu .randevu_onay div + div {
    border-top: 1px solid #ddd
}

.randevu .randevu_onay div span {
    font-weight: 400;
    padding-right: 2rem;
    color: #666
}

@media (max-width: 47.99em) {
    .randevu .randevu_onay div span {
        display: block;
        width: 100%
    }
}

.randevu .randevu_onay div strong {
    font-weight: 500
}

.randevu .randevu_onay div strong.id {
    color: #B22029
}

.randevu .randevu_onay div strong em {
    font-size: 13px;
    font-weight: 400;
    color: #999;
    font-style: normal;
    display: block
}

.randevu .randevu_onay__wrap {
    position: relative
}

.randevu .randevu_buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    max-width: 720px;
    margin: 0 auto
}

.randevu .randevu_buttons .btn.red {
    color: #B22029;
    border-color: #B22029
}

@media (max-width: 47.99em) {
    .randevu .randevu_buttons {
        justify-content: center
    }

    .randevu .randevu_buttons .btn {
        margin: 0 .5rem
    }
}

.taskent_exam {
    position: relative
}

.taskent_exam .print_sheet {
    display: inline-flex;
    flex-wrap: wrap;
    background-color: transparent;
    color: #0F4C90;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    padding: .5rem .75rem;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 400;
    border: 1px solid #0F4C90
}

.taskent_exam .print_sheet img {
    margin-right: .75rem;
    width: 24px
}

@media (max-width: 47.99em) {
    .taskent_exam .print_sheet {
        display: flex
    }
}

.taskent_exam__wrap {
    padding: 1rem;
    max-width: 960px;
    position: relative;
    margin: 1rem auto
}

@media (max-width: 47.99em) {
    .taskent_exam__wrap {
        padding: 0
    }
}

.taskent_exam__header img {
    max-width: 100%;
    width: 100%;
    display: block
}

.taskent_exam__footer img {
    max-width: 100%;
    width: 100%;
    display: block
}

.taskent_exam__content {
    position: relative;
    padding: 1rem;
    color: #213768;
    font-weight: 400
}

.taskent_exam__content h1 {
    display: block;
    text-align: center;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 36px;
    line-height: 2.25rem;
    font-family: 500
}

@media (max-width: 47.99em) {
    .taskent_exam__content h1 {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 30px;
        line-height: 1.875rem
    }
}

.taskent_exam__content .info {
    padding: 2rem 0 1rem;
    border-bottom: .25rem solid #213768;
    margin: 0 auto;
    text-align: center
}

.taskent_exam__content .info p {
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 28px;
    line-height: 1.75rem
}

@media (max-width: 47.99em) {
    .taskent_exam__content .info p {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.taskent_exam__content .info p strong {
    font-family: 500
}

.taskent_exam__content .info p + p {
    padding-top: .25rem
}

.taskent_exam__content .details {
    position: relative;
    padding: 2rem 0
}

.taskent_exam__content .details ul {
    display: block
}

.taskent_exam__content .details ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 27px;
    line-height: 1.6875rem
}

@media (max-width: 47.99em) {
    .taskent_exam__content .details ul li {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.taskent_exam__content .details ul li strong {
    font-family: 500
}

.taskent_exam__content .details ul li span {
    text-align: right
}

.taskent_exam__content .note {
    display: table;
    margin: 1rem auto;
    border: .25rem solid #ef861d;
    padding: .75rem 1rem;
    text-align: center;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 27px;
    line-height: 1.6875rem;
    font-weight: 500;
    color: #86181c
}

@media (max-width: 47.99em) {
    .taskent_exam__content .note {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

.idari_tablo .sort_link {
    color: #000;
    cursor: pointer
}

.idari_tablo .sort_link i {
    display: inline-block;
    margin-left: 5px;
    font-size: 10px;
    vertical-align: middle
}

.idari_tablo th span.large-only {
    display: inline
}

@media (max-width: 61.99em) {
    .idari_tablo th span.large-only {
        display: none
    }
}

.idari_tablo th span.small-only {
    display: none
}

@media (max-width: 61.99em) {
    .idari_tablo th span.small-only {
        display: inline
    }
}

.idari_tablo td img, .idari_tablo th img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    margin: 10px auto;
    display: block;
    max-width: 125px;
    width: 100%;
    text-align: center;
    padding: 2px
}

@media (max-width: 47.99em) {
    .idari_tablo td img, .idari_tablo th img {
        max-width: 135px
    }
}

.idari_form .idari_search {
    display: inline-block;
    position: relative;
    max-width: 62.5%;
    width: 100%
}

@media (max-width: 61.99em) {
    .idari_form .idari_search {
        max-width: 57.5%
    }
}

@media (max-width: 47.99em) {
    .idari_form .idari_search {
        max-width: 100%
    }
}

.idari_form .idari_search button {
    position: absolute;
    right: 1px;
    left: auto;
    top: 1px;
    background-color: #fff;
    padding: 10px 15px 10px
}

@media (max-width: 61.99em) {
    .idari_form .idari_search button {
        padding-bottom: 8px !important
    }
}

.idari_form .idari_search input {
    text-indent: 15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.idari_form .select2 {
    display: inline-block;
    max-width: 35%;
    margin-left: 10px;
    position: absolute;
    right: 0;
    width: 100%;
    height: 48px;
    margin-bottom: 0 !important
}

@media (max-width: 61.99em) {
    .idari_form .select2 {
        max-width: 40%
    }
}

@media (max-width: 47.99em) {
    .idari_form .select2 {
        max-width: 100%;
        position: relative;
        margin-left: 0;
        margin-top: 10px
    }
}