body { font-family: "Be Vietnam Pro", sans-serif; }

.font-bevietnam { font-family: "Be Vietnam Pro", sans-serif !important; }
.font-playfair,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.slider .caption,
.btn,
.page-header .breadcrumb,
.list-effect8 .text a,
.pdf-search .form-control,
.fc .fc-col-header-cell-cushion,
.fc .fc-button-group > .fc-button,
.list-effect9 .text .text-date,
.homepage-text li .homepage-content a,
.homepage-middle,
.h-style,
.homepage-text2 .homepage-text2-left ul li,
.kampuste-yasam-nav .item button { font-family: "Playfair Display", serif !important; }

.td-none:hover { text-decoration: none; }
a:hover, button:hover { opacity: .8; }
a[data-fancybox="gallery"] { cursor: crosshair; }
i:not(.none), [class^="bi-"]:not(.none), [class*=" bi-"]:not(.none) { margin-right: 5px; }
ul, ol { padding: 0; margin: 0; list-style: none; }
button { background: none; border: none; padding: 0px; margin: 0px; cursor: pointer; line-height: initial; }
    button:focus { outline: none; }
img, iframe { max-width: 100%; }
main, footer { position: relative; }
.custom-file-input ~ .custom-file-label::after { content: "Browse"; font-weight: 700; font-size: 1rem; }
.custom-file-input:lang(tr) ~ .custom-file-label::after { content: "Gözat"; }
.container-full { margin: 0 auto; width: 100%; position: relative; z-index: 9; }
    .container-full .row.mains { margin: 0 auto; }
    .container-full .content { padding-left: 0; padding-right: 0; }
strong, b, .font-weight-bold { font-weight: 600 !important; }
.borderless td, .borderless th { border: none; }
.custom-control-label p { margin-bottom: 0; }
.clearfix-before::before { display: block; clear: both; content: ""; }
.clearfix-after::after { display: block; clear: both; content: ""; }

.dtable { display: table; width: 100%; height: 100%; }
.dtable-middle { display: table-cell; vertical-align: middle; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 600; }
.h1, h1 { font-size: 1.75rem; }
.h2, h2 { font-size: 1.53125rem; }
.h3, h3 { font-size: 1.3125rem; }
.h4, h4 { font-size: 1.09375rem; }
.h5, h5 { font-size: 1rem; }
.h6, h6 { font-size: .875rem; }

.fs-lg { font-size: 1.33333rem !important; }
.fs-xs { font-size: .75rem !important; }
.fs-sm { font-size: .875rem !important; }
.fs-1x { font-size: 1rem !important; }
.fs-2x { font-size: 2rem !important; }
.fs-3x { font-size: 3rem !important; }
.fs-4x { font-size: 4rem !important; }
.fs-5x { font-size: 5rem !important; }
.fs-6x { font-size: 6rem !important; }
.fs-7x { font-size: 7rem !important; }
.fs-8x { font-size: 8rem !important; }
.fs-9x { font-size: 9rem !important; }
.fs-10x { font-size: 10rem !important; }
.fs-15 { font-size: .9375rem !important; }
.fs-17 { font-size: 1.0625rem !important }
.fs-18 { font-size: 1.125rem !important; }
.fs-20 { font-size: 1.25rem !important; }
.fs-22 { font-size: 1.375rem !important; }
.fs-24 { font-size: 1.5rem !important; }

.font-weight-400 { font-weight: 400 !important; }
.font-weight-500 { font-weight: 500 !important; }
.font-weight-600 { font-weight: 600 !important; }
.font-weight-700 { font-weight: 700 !important; }

.mt-2rem, .my-2rem { margin-top: 2rem !important; }
.mb-2rem, .my-2rem { margin-bottom: 2rem !important; }
.pt-2rem, .py-2rem { padding-top: 2rem !important; }
.pb-2rem, .py-2rem { padding-bottom: 2rem !important; }

.mt-10px { margin-top: 10px !important; }
.mt-30px { margin-top: 30px !important; }
.mb-30px { margin-bottom: 30px !important; }
.mb-10px { margin-bottom: 10px !important; }
.pt-10px { padding-top: 10px !important; }
.pt-30px { padding-top: 30px !important; }
.pb-30px { padding-bottom: 30px !important; }
.pb-10px { padding-bottom: 10px !important; }
.mt--40 { margin-top: -40px }
.mb--40 { margin-bottom: -40px }
.my--40 { margin-top: -40px; margin-bottom: -40px }

.fancyboxModal, .fancybox-slide--iframe .fancybox-content { max-width: 50%; }
.fancyboxModal { padding: 15px; display: none; }
.fancybox-content { padding: 0 !important; }
    .fancybox-content .fancybox-button { height: 38px; padding: 4px; opacity: 1; }

.modal-header { border: 0; -ms-flex-align: center; align-items: center; }
    .modal-header .close { font-size: 1.75rem; opacity: 1 !important; text-shadow: none; }
.modal-title { line-height: 1; font-size: 1.25rem; }
    .modal-title i { margin-right: 10px; font-size: 1.5rem; }
.modal-content { border: 0; }

.h-style { font-size: 1.75rem; font-weight: 600; margin-bottom: 1.5rem }
.h-style2 a { border-bottom: 1px solid }
    .h-style2 a:hover { text-decoration: none }

.kborder { position: relative; margin-bottom: 40px; }
    .kborder:before { position: absolute; left: 0; bottom: -10px; width: 30px; height: 3px; content: ""; }
.text-center .kborder { display: inline-block; }
    .text-center .kborder:before { left: 50%; margin-left: -18px; }

.kborder2 { position: relative; margin-bottom: 40px; }
    .kborder2:before { content: ""; position: absolute; top: 0; left: -15px; width: 5px; border-radius: 4px 0 0 4px; height: 100%; }
.text-center .kborder2 { display: inline-block; }

.kborder3 { padding-bottom: 30px; margin-bottom: 40px; position: relative; }
    .kborder3:before { content: ''; position: absolute; width: 2px; height: 30px; margin: 0; left: 50%; bottom: 0; }

.kborder4 { padding-top: 120px; padding-bottom: 95px; position: relative; letter-spacing: 10px; font-weight: 400; text-transform: uppercase }
    .kborder4::after { content: ''; position: absolute; top: 0; width: 1px; height: 100px; }
    .kborder4::before { content: ''; position: absolute; bottom: 0; width: 1px; height: 75px; }

.section-title-one { position: relative; overflow: hidden; text-align: center; margin-bottom: 2rem; }
    .section-title-one::before { font-size: 2.5rem; line-height: 2.5rem; content: attr(data-title); font-weight: 700; display: block; position: absolute; right: 0; top: 0; z-index: 1; padding-left: 25px; }
    .section-title-one::after { position: absolute; left: 0; top: 50%; content: ""; width: 100%; height: 2px; z-index: -1; }
    .section-title-one span { padding: 10px 3rem; position: relative; z-index: 3; display: inline-block; font-weight: 700; font-size: 2rem; text-transform: uppercase; }

.no-border.table thead tr, .no-border.table tbody td { border: 0 !important }

.parallax { background-attachment: fixed; }
.bg-cover { position: relative; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; }
.opacity1 { opacity: 1 !important; }

.after-font-awesome:after, .before-font-awesome:before, .sidebar ul li.has-sub > a:after, .faq-title::after { font-family: "Font Awesome 5 Free"; font-weight: 900; }

.single-row { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.line-clamp1 { -webkit-line-clamp: 1; }
.line-clamp2 { -webkit-line-clamp: 2; }
.text-shadow { text-shadow: 1px 1px 1px #fff; }

.outline-none:focus { outline: none !important; }
.before-content, .after-content { position: relative; }
    .before-content:before, .after-content:after, .body-overlay:before, .overlay:before, #slider .item:after, #slider .item .a-item:after, .main-video:before, .parallax-slider .item:after, .parallax-slider .item .a-item:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*z-index: -1;*/ }
.middle, .faq-title::after { z-index: 99; transition: .5s ease; position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.middle-x { z-index: 99; transition: .5s ease; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.align-table-middle.table td, .align-table-middle.table th { vertical-align: middle; }
.a-opacity1:hover, .a-opacity1 a:hover { opacity: 1; }
.tran3s { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.tran4s { -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.editor-content ul:not(.none),
.ul-bullet:not(.none),
.editor-content ol:not(.none),
.ol-bullet:not(.none) { margin: 20px 0 42px 0; padding-inline-start: 40px; }

    .editor-content ul:not(.none) li,
    .ul-bullet:not(.none) li,
    .editor-content ol:not(.none) li,
    .ol-bullet:not(.none) li { margin: 10px 0; padding-left: 10px; }

    .editor-content ul:not(.none) li,
    .ul-bullet:not(.none) li { list-style-type: disc; padding-left: 0; }

    .editor-content ol:not(.none) li::marker,
    .ol-bullet:not(.none) li::marker { font-weight: 600; }

/*.fa-phone { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }*/

/*hr:not(.none) { background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(#DBDBDB), to(transparent)); background-image: linear-gradient(to left, transparent, #DBDBDB, transparent); border: 0; height: 1px; margin: 22px 0; }*/

.form-control, .placeholder { padding: 14px 1rem; }

.btn:not(.none), .homepage-text li .homepage-content a { padding: .75rem 1.5rem; font-weight: 600; }
.btn.disabled, .btn:disabled { cursor: not-allowed; }

.form-control, .bootstrap-select .btn, .custom-file-label:not(.none), .btn, .card, .custom-file-label::after { border-radius: 1px; }
    /*.form-control, .custom-file, .custom-file-input, .custom-file-label, .custom-file-label::after, .alert, .bootstrap-select .btn, .placeholder { font-size: .875rem; }*/
    .form-control:not(.none), .custom-file:not(.none), .custom-file-input:not(.none) { height: calc(3rem + 2px); }
    .custom-file-label:not(.none), .custom-file-label:not(.none)::after { line-height: 2.25rem; height: auto; margin-bottom: 0; }
        .custom-file-label:not(.none)::after { padding-left: 1.5rem; padding-right: 1.5rem; }
.bootstrap-select .dropdown-toggle::after { content: none; }
/*.bootstrap-select .btn { line-height: 2; font-weight: 400 }*/

textarea.form-control { height: auto !important; }
.custom-control-label { padding-top: 2px; }
.form-control:disabled, .form-control[readonly] { cursor: no-drop; opacity: .5; }

.form-control-v2 .form-control, .form-control-v2 .custom-file-label, .form-control-v2 .bootstrap-select .btn { border: 0; background-color: transparent !important; border-bottom: 1px solid; border-radius: 0; text-align: left; }
    .form-control-v2 .form-control:focus { border-color: #80bdff; box-shadow: none }
    .form-control-v2 .custom-file-label::after { background-color: transparent; }
    .form-control-v2 .form-control, .form-control-v2 .placeholder, .form-control-v2 .custom-file-label, .form-control-v2 .custom-file-label::after { font-size: 1rem; }

.custom-select2 { padding-right: 2rem; background: #fff url(/themes/img/select.svg) no-repeat right .75rem center/14px 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.custom-select3 { padding-right: 2rem; background: #fff url(/themes/img/select.png) no-repeat right .75rem center/20px 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.scroll::-webkit-scrollbar { width: 10px; height: 10px; }

.placeholderv2 .form-group { position: relative; }
.placeholder { position: absolute; pointer-events: none; top: 0; bottom: 0; z-index: 1; }
    .placeholder span, .red { margin-left: 5px; vertical-align: middle; }

.placeholder2 { position: absolute; float: right; bottom: .375rem; right: .75rem; font-size: .7rem; color: #999; }

.border-radius { border-radius: .25rem !important; }
.br-2rem { border-radius: 2rem; }
.br-1rem { border-radius: 1rem; }

.h-76px { height: 66px; min-width: 217px; font-size: 1.25rem; text-transform: uppercase; line-height: 2; }

.loading-bar { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.4); z-index: 9999999; transform: translateZ(0); }
    .loading-bar .loader { width: 0; height: 5px; position: absolute; top: 0; left: 0; animation: expand 5s linear infinite; }
    .loading-bar.no-overlay { background: 0 0; }

@keyframes expand {
    0% { width: 0; }
    100% { width: 100%; }
}

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

.navbar { padding: 0; }
.navbar-brand { padding: .5rem 0; }
    .navbar-brand img { max-height: 121px; }
header.sticked .navbar-brand img { max-height: 50px; }

.navbar-brand2 { display: block; text-align: center; }
    .navbar-brand2 img { max-height: 121px; }

.fixed-header { position: fixed; z-index: 1040; width: 100%; }
header.sticked { top: 0; }
    header.sticked .headerTop { display: none; }

.header-top, #top-menu, #top-menu ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
    #top-menu li span { padding-left: 8px; }
    #top-menu li img { vertical-align: bottom; }
    #top-menu li i { vertical-align: middle; }
        #top-menu li i:not(.none) { font-size: 1.25rem; }
    #top-menu li:not(:first-child) { margin-left: 1.5rem; }

.dropdownn { position: relative; }
.dropdownn-toggle { line-height: 2; }
    .dropdownn-toggle.after-ok::after { content: '\f107'; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: middle; }
.dropdownn-menu { display: none; position: absolute; z-index: 999; top: 100%; right: 0; min-width: 52px; width: 100%; border-radius: 3px; background-color: #fff; box-shadow: 0 2px 50px 0 rgba(64,72,78,.18); }
    .dropdownn-menu .dropdownn-item { padding: 8px 10px; display: block; text-align: center; line-height: 1; border-radius: 3px; }
        .dropdownn-menu .dropdownn-item:hover { opacity: 1; text-decoration: none; }

.languages .lang-icon { width: auto; max-height: 22px; margin-right: 6px; }

.languages select { background-size: 12px; padding-right: 1.75rem; }

.languages a.text-item { padding-right: 8px; display: inline-block; border-right: 1px solid; margin-right: 4px; line-height: 1 }
.languages a.img-item:not(:first-child) { margin-left: 5px; }

#panel .languages { display: inline-block; }

#google_translate_element { position: relative; line-height: 2; }
.goog-te-gadget { font-family: inherit !important; font-size: 13px !important }
.goog-te-gadget-simple { font-size: inherit !important }
    .goog-te-gadget-simple .goog-te-menu-value span { color: #121212 !important }

/*mobile*/
#panel { position: fixed; top: 0px; width: 100%; right: -100%; height: 100%; z-index: 99999; overflow-y: scroll; transition: .5s; }
    #panel .panel-content { padding: 2rem 1rem; position: relative; }
    #panel .container { padding-left: 0; padding-right: 0; }

.search-open { font-size: 1.25rem; }
.search-place { width: 100%; display: none; text-align: left; position: fixed; z-index: 9999999; top: 0; left: 0; }
    .search-place .search-close { z-index: 999; width: 100%; display: block; line-height: 1; text-align: right; margin-bottom: 1.5rem; }
        .search-place .search-close i { font-size: 1.4rem; line-height: 1.4rem; margin-left: 6px; vertical-align: middle; }
    .search-place .search-content { position: relative; width: 100%; padding: 48px 0; }
#search-form { max-width: 860px; margin: 0 auto }
.search-form { position: relative; }
    .search-form.before-font-awesome:before { content: "\f002"; position: absolute; top: 50%; left: 24px; transform: translateY(-50%); font-size: 1.5rem; }
    .search-form .form-control { height: 80px; line-height: 100%; border-radius: 8px; padding: 10px 100px 10px 72px; box-shadow: none; font-size: 1.15rem; }
    .search-form .btn { box-shadow: none; width: auto; right: 0; left: auto; padding-right: 18px; font-size: 1.2rem; }
        .search-form .btn i { font-size: 1.75rem; margin-left: 10px; vertical-align: bottom; }
.search-place .search-content .h1 { font-size: 2.5rem; font-weight: 700; line-height: 1.33; margin-bottom: 2rem; }

.blog-search { position: relative; border: 1px solid #ccc; border-radius: 1.5px; }
    .blog-search .form-control, .blog-search .btn { line-height: 1; background-color: transparent; border: 0; box-shadow: none !important; }
    .blog-search .btn { font-size: 1.5rem; }

.a-item { position: relative; width: 100%; height: 100%; display: block; z-index: 99 }
    .a-item:hover { opacity: 1; }

/*#slider .item img:not(.none) { opacity: 0; transition: transform 0s linear,opacity 2s linear; }
#slider .owl-item.active .item img:not(.none), #slider .slick-current.slick-active img:not(.none) { opacity: 1; transform: scale(1.1); transition: transform 10s linear,opacity 2s linear; }*/

#slider .caption-content { text-align: right; margin-left: auto; }
#slider .caption { z-index: 99; transition: .5s ease; position: absolute; width: 100%; bottom: 10%; left: 0; -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); }
    #slider .caption strong, #slider .caption em { display: block; font-style: normal; }
    #slider .caption strong { font-size: 2.5rem; line-height: 1.2; }
    #slider .caption em { font-size: 4rem; margin-bottom: 1.5rem; font-weight: 700; }
    #slider .caption p:not(.none) { font-size: 1.4rem; margin-bottom: 0; }
    #slider .caption a { padding: 0.5rem 2.5rem; display: inline-block; font-size: 1.2rem; margin-top: 1.5rem; font-weight: 500 }
        #slider .caption a:hover { text-decoration: none }

#slider .active .caption strong, #slider .slick-current.slick-active .caption strong { animation-name: fadeInUp; animation-fill-mode: both; animation-duration: 0.5s; animation-delay: 1s; }
#slider .active .caption em, #slider .slick-current.slick-active .caption em { animation-name: fadeInDown; animation-fill-mode: both; animation-duration: 0.5s; animation-delay: 1.5s; }
#slider .active .caption p:not(.none), #slider .slick-current.slick-active .caption p:not(.none) { animation-name: fadeInDown; animation-fill-mode: both; animation-duration: 0.5s; animation-delay: 1.5s; }
#slider .active .caption a, #slider .slick-current.slick-active .caption a { animation-name: fadeInUp; animation-fill-mode: both; animation-duration: 0.5s; animation-delay: 1.5s; }

#slider .item img:not(.none), .main-video video { object-fit: cover; height: auto; }
body.homepage #slider .item img:not(.none), .main-video video { min-height: 360px; }
body:not(.homepage) #slider .item img:not(.none) { min-height: 120px; }

.videosl { width: 100%; position: relative; }
.main-video { overflow: hidden; position: relative; width: 100%; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; }
    .main-video video { width: 100%; display: block; object-fit: cover; }
    .main-video iframe { width: 100%; height: 100vh; transform: scale(1.2); position: absolute; z-index: 3; }
    .main-video .c-button { padding: 1.1rem 3rem; font-size: 1.1rem; letter-spacing: .05em; text-transform: uppercase; }
.videosl .btnplay { display: none; z-index: 99; opacity: .5; font-size: 4rem; color: #000; cursor: pointer; text-align: center; }

.social-icons li { display: inline-block; margin-right: 6px; }
html:not([dir="rtl"]) .social-icons li:last-child { margin-right: 0px; }
.social-icons li a:hover { opacity: 1; }
.social-icons li img { max-height: 30px; }
.social-icons li i { color: #fff; margin-right: 0px; width: 30px; height: 30px; line-height: 30px; font-size: 1rem; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.social-icons li:last-child i { margin-right: 0px; }
.social-icons li.facebook i { background: #3b5998; transition: all .4s; }
.social-icons li.facebook:hover i { background: #fff; border-color: #3b5998; color: #3b5998; }
.social-icons li.twitter i { background: #0f1419; }
.social-icons li.twitter:hover i { background: #fff; border-color: #0f1419; color: #0f1419 }
.social-icons li.instagram i { background: -webkit-gradient(radial, 33% 100%, 0, 33% 100%, 221, color-stop(1.00, #515ECF), color-stop(0.81, #9B36B7), color-stop(0.63, #D92E7F), color-stop(0.32, #F15245), color-stop(0.04, #FED373)); background: -webkit-radial-gradient(33% 100%, circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF 100%); background: radial-gradient(33% 100%, circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF 100%); }
.social-icons li.instagram:hover i { background: #fff; border-color: #517fa4; color: #517fa4; }
.social-icons li.youtube i { background: #bb0000; }
.social-icons li.youtube:hover i { background: #fff; border-color: #bb0000; color: #bb0000; }
.social-icons li.linkedin i { background: #007bb6; }
.social-icons li.linkedin:hover i { background: #fff; border-color: #007bb6; color: #007bb6; }
.social-icons li.google-plus i,
.social-icons li.google i { background: #dd4b39; }
.social-icons li.google:hover i,
.social-icons li.google-plus:hover i { background: #fff; border-color: #dd4b39; color: #dd4b39; }
.social-icons li.pinterest i { background: #cb2027; }
.social-icons li.pinterest:hover i { background: #fff; border-color: #cb2027; color: #cb2027; }
.social-icons li.whatsapp i { background: #25d366; }
.social-icons li.whatsapp:hover i { background: #fff; border-color: #25d366; color: #25d366; }

html:not([dir="rtl"]) .social-icons.style2 li:not(:last-child) { margin-right: 12px; }
.social-icons.style2 li i { font-size: 1.15rem; background-color: transparent !important; background: none !important; width: auto; height: auto; line-height: inherit }
.social-icons.style3 li i, footer .social-icons li i { border-radius: 6px !important; width: 26px; height: 26px; line-height: 26px; }

.mobile-social-icons { margin-top: 1.5rem; }
    .mobile-social-icons .social-icons li { margin: 5px; }

.social-share .item { width: 30px; height: 30px; line-height: 30px; border-radius: 2rem; margin-right: 6px; color: #ffffff; }
    .social-share .item:hover { opacity: 1; text-decoration: none; }
    .social-share .item i { margin-right: 0; }
    .social-share .item span { font-size: .85rem; display: none }
    .social-share .item.facebook { background-color: #3b5998; }
        .social-share .item.facebook:hover { background-color: #293e6a; }
    .social-share .item.twitter { background-color: #00a0d1; }
        .social-share .item.twitter:hover { background-color: #007092; }
    .social-share .item.plusone { background-color: #dd4b39; }
        .social-share .item.plusone:hover { background-color: #b53f30; }
    .social-share .item.pinterest { background-color: #b31616; }
        .social-share .item.pinterest:hover { background-color: #7d0f0f; }
    .social-share .item.whatsapp { background-color: #4dc247; }
        .social-share .item.whatsapp:hover { background-color: #359030; }
    .social-share .item.email { background-color: #414659; }
        .social-share .item.email:hover { background-color: #000; }
    .social-share .item.linkedin { background: #0077b5; }
        .social-share .item.linkedin:hover { background-color: #005f90; }

.slide-area { position: relative; /* box-shadow: 0 5px 21px -5px #cdd1e1;*/ }
.no-banner .page-header { border-top: 1px solid; }
.page-header { padding: .85rem 0; border-bottom: 1px solid; }
    .page-header .breadcrumb { padding: 0px; margin: 0px; background: none; align-items: center; overflow: hidden; flex-wrap: nowrap; justify-content: end; font-style: italic; font-weight: 500; }
.breadcrumb-item + .breadcrumb-item { padding-left: 0px; }
    .breadcrumb-item + .breadcrumb-item::before { content: none; }
.page-header .breadcrumb-item.active { opacity: .5; }
.page-header .breadcrumb, .breadcrumb-item a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.breadcrumb-item:not(:last-child) { padding-right: 10px; display: flex; min-width: 48px; flex-shrink: 99999; }
    .breadcrumb-item:not(:last-child)::after { display: inline-block; padding-left: 10px; content: "/"; }
.breadcrumb-item:last-child { min-width: 0; }
    .breadcrumb-item:last-child a { display: inline-block; min-width: 0; max-width: 100%; overflow: hidden; vertical-align: bottom; }
.page-header.text-center .breadcrumb { justify-content: center; }

.h1-style { margin-bottom: 2rem; font-weight: 700 }
.editor-content h1, .editor-content h2, .editor-content h3, .editor-content h4, .editor-content h5, .editor-content h6 { margin-bottom: 1.5rem; font-weight: 700 }
.misyonvizyon .editor-content h2 { margin-top: 1.5rem }

.pagination { margin: 20px 0px 20px 0px; font-weight: bold; }
    .pagination .page-item + .page-item { margin-left: 5px; }
    .pagination .page-link { border: 0; }
        .pagination .page-link.number, .pagination .page-link.prev, .pagination .page-link.next { border-radius: 50% !important; width: 35px; height: 35px; line-height: 35px; padding: 0; text-align: center; }
        .pagination .page-link.text, .pagination .page-link.first, .pagination .page-link.last { font-size: .875rem; border-radius: 0; font-weight: normal; border-radius: 0; }
        .pagination .page-link.prev, .pagination .page-link.next { font-size: 1.25rem; }

footer .footer { border-top: 1.5px solid; padding: 3rem 0px 10px 0; }

footer .copyright { border-top: 1.5px solid; padding-top: 1rem; }
.iwt { vertical-align: text-top; }

.newsletter { padding: 2rem 0; }
    .newsletter .h4 { font-style: italic; margin-bottom: 1.5rem; font-size: 1.5rem; font-weight: 500 }
    .newsletter .input-group-append { margin-left: 5px; }
    .newsletter .form-control { background-color: transparent; }

.bottom-menu { text-align: center; margin-bottom: 1rem; }
    .bottom-menu:not(.submenu) > li { margin-bottom: 1rem; font-size: 1.05rem; }
    .bottom-menu li { display: inline-block; }
    .bottom-menu:not(.submenu) > li:not(.none):not(:first-child) { border-left: 1px solid; padding-left: 1rem; }
    .bottom-menu li:not(:last-child) { margin-right: 1rem; }
    .bottom-menu a { font-weight: 500; }
        .bottom-menu a:hover { text-decoration: none; }

    .bottom-menu.submenu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; display: flex; text-align: left; padding-bottom: 1rem; }
        .bottom-menu.submenu li { display: block; max-width: 230px; }
            .bottom-menu.submenu li.f-company { max-width: 440px; }
                .bottom-menu.submenu li.f-company li { max-width: 90%; }
        .bottom-menu.submenu > li { -webkit-box-flex: 1; flex: 1 1 auto; }
            .bottom-menu.submenu > li > a, .bottom-menu.submenu > li > h5 { font-size: 1.25rem; font-weight: 700; margin-bottom: 1.5rem; display: block; }
        .bottom-menu.submenu li li { margin-right: 0; margin-left: 0; max-width: 100%; }
            .bottom-menu.submenu li li a { font-weight: 400; text-transform: initial; display: block; }
            .bottom-menu.submenu li li a, .bottom-menu.submenu p { margin-bottom: 8px; }
                .bottom-menu.submenu p a { display: inline-block; margin-bottom: 0; }

.bottom-menu2 li { display: inline-block; margin-bottom: 1rem; }
    .bottom-menu2 li:not(:first-child) { padding-left: 1rem; }
    .bottom-menu2 li a:hover { text-decoration: none; }

.sidebar, body:not(.homepage) .content { padding-top: 40px; padding-bottom: 40px; }
.PageBottomContent { padding-bottom: 40px; }
.pnl-sidebar { display: none; }
.btn-sidebar { font-size: 1.3rem; line-height: 1.3rem; padding: .7rem 1rem; }
.sidebar { padding-right: 15px; padding-left: 15px; }
    .sidebar ul { font-weight: 600; font-size: 1rem; }
        .sidebar ul:first-child { margin-bottom: 40px; }
        .sidebar ul li a { display: block; padding: 10px 0px; padding-right: 12px; position: relative; border-bottom: 1px solid; }
        .sidebar ul li ul li { padding-left: 15px; font-size: .9rem; }
        .sidebar ul ul { display: none; margin: 10px 0 10px 0; }
        .sidebar ul li.active > ul { display: block; }
        .sidebar ul li ul li a { border-bottom: none; padding: 6px 0px; }
        .sidebar ul li.has-sub > a:after { content: '\f105'; position: absolute; right: 0; top: 10px; }
        .sidebar ul li.has-sub.active > a:after { content: '\f107'; }

.blog-posts article { margin-bottom: 40px; padding-bottom: 10px; }
article.post .post-meta { margin-bottom: 1rem; }
    article.post .post-meta > span { display: inline-block; background: #e6e6e6; font-size: .85rem; padding: 3px 12px; border-radius: 50px; margin-top: 5px; margin-bottom: 5px; }
        article.post .post-meta > span:not(:last-child) { margin-right: 10px; }
.post-block { margin: 15px 0 0 0; padding: 20px 0 15px 0; }
.post-share { margin: 40px 0 0 0; padding-bottom: 0; }

#content-summary { padding: 2rem; margin: 2rem 0; border-radius: .5rem; }
    #content-summary li { margin: .5rem 0; font-size: .9rem }
        #content-summary li a { display: block; position: relative; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }
            #content-summary li a:hover { transform: translateX(10px); text-decoration: none }
            #content-summary li a:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px }

.faq-item figure { margin-right: 10px; width: 78px; }
.faq-content { display: none; padding: 1rem 22px; padding-top: 0; }
.faq-item:first-child .faq-content { display: block; }
.faq-title { width: 100%; position: relative; display: flex; align-items: center; margin-bottom: 1rem; cursor: pointer; font-weight: 600; font-size: 1.15rem; padding: 14px 22px; padding-right: 40px; }
.faq-item.resimVar .faq-title-name { width: calc(100% - 88px); }
.faq-item.resimVar .faq-content { padding-left: 110px; }
.faq-title::after { padding-left: 1rem; font-size: 1.25rem; content: "\f0da"; left: auto; right: 20px; width: auto; }
.faq-title.active::after { content: "\f0d7"; }

.list-img { width: 100%; object-fit: cover; transition: .5s ease; backface-visibility: hidden; }
.img-center { width: 100%; position: relative; display: block; }
    .img-center img { width: auto !important; max-height: 100%; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.photogallery-list .list-img, .photogallery-list .img-center { height: 205px; }
.products-list .img-center, .products-list .list-img { height: 302px; }
.staffs-list .img-center, .staffs-list .list-img { height: 305px; }
.contentdetail-list .img-center, .contentdetail-list .list-img { height: 246px; }
.pdf-list .list-img, .pdf-list .img-center { height: 111px; }
.press-list .list-img, .press-list .img-center { height: 226px; }
.services-list .img-center, .services-list .list-img { height: 255px; }
.downloads-list .list-img, .downloads-list .img-center { height: 342px; }
.sitemenus-list .list-img, .sitemenus-list .img-center { height: 185px; }
.video-list .list-img, .video-list .img-center { height: 214px; }

.masonry-row { column-count: 3; column-gap: 15px; }
    .masonry-row .item { display: grid; grid-template-rows: 1fr auto; margin-bottom: 15px; break-inside: avoid; }
        .masonry-row .item img { width: 100%; }
        .masonry-row .item a { display: block; width: 100%; }

.masonry-row2 { display: flex; flex-wrap: wrap; margin: 0 -15px; overflow: hidden; }
    .masonry-row2 .cols { max-width: calc(100% / 3); flex: 1 1 calc(100% / 3); margin-bottom: 30px; padding: 0 15px; transition: -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); opacity: 0; }
        .masonry-row2 .cols a { display: block; width: 100%; }
        .masonry-row2 .cols.loaded { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
        .masonry-row2 .cols.disable-transitions { transition: none; }
        .masonry-row2 .cols img { width: 100%; object-fit: cover; transition: .5s ease; backface-visibility: hidden; }
        .masonry-row2 .cols .card-body h4 { font-size: 1.25rem; }
        .masonry-row2 .cols .card-body p { font-size: .872rem; }

.reference-list .img-center, .reference-list .list-img { height: 110px; }
.reference-list:not(.reference-slider) { display: flex; flex-wrap: wrap; }
.reference-list { margin: 0 -15px; /*justify-content: center;*/ }
    .reference-list .cols { max-width: calc(100% / 5); flex: 1 1 calc(100% / 5); margin-bottom: 30px; padding: 0 15px; list-style-type: none; }
    .reference-list figure { padding: 1rem; }

.video-list .h4 { padding: 12px 0 5px 0; font-size: 1rem; font-weight: 400; margin-bottom: 0; text-align: center; }

.blog-list .card-body { padding: 1.75rem 1rem 1rem; position: relative; }
.blog-list .card-text { font-size: .875rem; color: #999; }
.blog-list .news-date { top: -36px; left: auto; right: 10px; }

.news-list .img-center, .news-list .list-img { height: 252px; }
.news-list .card { border: 0; height: 100%; }
.news-list .card-body { padding-left: 0; padding-right: 0 }
.news-list .card-text { font-size: .9rem; /*height: 105px; overflow: hidden;*/ }
.news-list .card-title { /*height: 54px;*/ overflow: hidden; }

.news-date { position: absolute; text-align: center; left: 1rem; top: 1rem; font-size: .875rem; font-weight: 500 }
    .news-date b { font-size: 1.25rem; font-weight: 700 !important; }
    .news-date b, .news-date span { display: block; padding: 5px; text-align: center; line-height: 1.25; }

.history-list { overflow: hidden; position: relative; }
    .history-list::after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; }
    .history-list li { position: relative; padding-top: 4rem; }
        .history-list li:last-child { padding-bottom: 4rem; }
        .history-list li::before, .history-list li::after { content: ''; position: absolute; width: 24px; margin-left: -12px; left: 50%; top: 72px; z-index: 1; }
        .history-list li::before { height: 81px; background-color: #fff; }
        .history-list li::after { height: 24px; border: 4px solid #e8e9ea; border-radius: 50%; margin-top: 24px; }
        .history-list li .history-content { padding-top: 2rem; }
        .history-list li .history-date { font-size: 3rem; font-weight: 700; line-height: 1; }

figure { position: relative; overflow: hidden; margin-bottom: 0px; }
.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; text-align: center; }
    .overlay.rounded:before { border-radius: .25rem; }
figure:hover .overlay { opacity: 1; }
figure .overlay i { font-size: 2rem; display: block; margin-right: 0; margin: 10px 0; }
figure a:hover { opacity: 1; }

.zoom-effect img { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.zoom-effect:hover img, .zoom-effect:focus img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.zoom-effect2 img { transform: scale(1); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom-effect2:hover img, .zoom-effect2:focus img { transform: scale(1.08); }

.zoom-effect3 img { object-fit: cover; object-position: center top; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; }
.zoom-effect3:hover img, .zoom-effect3:focus img { object-position: center bottom; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; }

.anim-effect1 { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
    .anim-effect1:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.list-effect { width: 100%; height: 100%; display: block; }
    .list-effect:hover { text-decoration: none; box-shadow: 0px 0px 0px 10px #f1f1f1; overflow: hidden; z-index: 1000; animation: height-product-nomargin 300ms forwards; -webkit-animation: height-product-nomargin 300ms forwards; -moz-animation: height-product-nomargin 300ms forwards; -o-animation: height-product-nomargin 300ms forwards; }
.owl-carousel .list-effect:hover, .slick-slider .list-effect:hover { box-shadow: none; }
.list-effect .text { padding: 1rem 5px; text-align: center; }
    .list-effect .text h3 { margin-bottom: 0; font-size: 1.25rem; }

.list-effect2 { width: 100%; height: 100%; display: block; border-bottom: 3px solid #fff; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
    .list-effect2:hover { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); text-decoration: none; }
    .list-effect2 .text { padding: 1rem 5px; text-align: center; }
        .list-effect2 .text h3 { margin-bottom: 0; font-size: 1.25rem; }

.list-effect3 { width: 100%; height: 100%; display: block; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
    .list-effect3:hover { text-decoration: none; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); }
    .list-effect3 .text { padding: 1rem 5px; text-align: center; }
        .list-effect3 .text h3 { margin-bottom: 0; font-size: 1.25rem; }

.list-effect4 { position: relative; width: 100%; height: 100%; display: block; padding: 1.5rem; padding-bottom: 80px; border: 1px solid #c8c8c8; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
    .list-effect4:hover { text-decoration: none; opacity: 1; background-color: #fff; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); }
    .list-effect4 .text { position: absolute; bottom: 1.5rem; width: calc(100% - 24px); }
        .list-effect4 .text .btn { border-radius: 2rem; padding: 0.5rem 2rem; }

.list-effect5 { display: block; position: relative; color: #fff }
    .list-effect5:hover { opacity: 1; color: #fff; text-decoration: none; }
    .list-effect5:before { border-radius: 2rem; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
    .list-effect5:after { border-radius: 2rem; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
    .list-effect5 .text { z-index: 2; bottom: 1.5rem; padding: 0 1.5rem; text-align: center; position: absolute; width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; }
        .list-effect5 .text h3 { margin-bottom: 0; font-size: 1.25rem; }
    .list-effect5:hover .zoom-effect2 img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
    .list-effect5:hover .text { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
    .list-effect5:hover:before { opacity: .65 }
    .list-effect5:hover:after { opacity: 0 }

.list-effect6 { display: block; position: relative; border-radius: 2rem; }
    .list-effect6:hover { opacity: 1; text-decoration: none; }
    .list-effect6:before { border-radius: 2rem; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
    .list-effect6:hover:before, .list-effect6 .text:before { opacity: .7 }
    .list-effect6 figure { border-radius: 2rem; }
    .list-effect6 .text { border-radius: 2rem; position: absolute; z-index: 2; width: 100%; padding: 1rem; text-align: center; bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.3s; transition: all 0.3s; }
        .list-effect6 .text i { font-size: 2.5rem; }
    .list-effect6:hover .zoom-effect2 img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.list-effect7 { display: block; position: relative; color: #fff; border-radius: 2rem; }
    .list-effect7:hover { opacity: 1; color: #fff; text-decoration: none; }
    .list-effect7:before { border-radius: 2rem; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
    .list-effect7 .text { z-index: 2; bottom: 0; padding: 1rem 5px; text-align: center; position: absolute; width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; }
        .list-effect7 .text:before { border-radius: 0 0 2rem 2rem; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
        .list-effect7 .text h3 { margin-bottom: 0; font-size: 1.25rem; }
    .list-effect7:hover .zoom-effect2 img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
    .list-effect7:hover .text { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
        .list-effect7:hover .text:before { opacity: 0 }
    .list-effect7 figure { border-radius: 2rem; }

.list-effect8 { border: 1px solid #d2d2d2; padding: 1rem 20px; }
    .list-effect8 figure { margin-bottom: 1rem; }
    .list-effect8 .text { margin-top: 3px; }
        .list-effect8 .text a { font-weight: 500; text-align: center; padding: 13px 5px; }
            .list-effect8 .text a:hover { text-decoration: none; }

.list-effect9 { display: block; position: relative; border-radius: 2rem; }
    .list-effect9:hover { opacity: 1; text-decoration: none; }
    .list-effect9 figure { border-radius: 2rem; z-index: 1; }
    .list-effect9 .text { position: relative; z-index: 2; }
        .list-effect9 .text h3 { font-size: 1.25rem; }
        .list-effect9 .text .text-date { border-radius: 2rem; padding: 10px 5px; text-align: center; font-weight: 600; font-size: 1.15rem; width: 90%; margin: -1.5rem auto 1.5rem auto; }
        .list-effect9 .text .text-short-content { font-size: .9rem; }

.list-effect10 { position: relative; width: 100%; height: 100%; display: block; z-index: 99; border: 1px solid; padding: 1rem 1.25rem; }
    .list-effect10:hover { opacity: 1; text-decoration: none }
    .list-effect10 figure, .list-effect10 figure img { border-radius: 2rem; }

.downloads-table table thead th, .downloads-table table tbody tr:nth-of-type(even) { background-color: #f2f2f2; }
.downloads-table thead th, .downloads-table tbody td { vertical-align: top }
    .downloads-table tbody td.file-type { text-transform: uppercase; }
    .downloads-table tbody td.file-size { min-width: 120px; display: flex; }

.more { font-weight: 600; text-transform: uppercase; }
    .more:hover { text-decoration: none; opacity: 1; }

.more2 { font-weight: 500; border-bottom: 1px solid; font-size: .875rem; }
    .more2:hover { text-decoration: none; opacity: 1; }

.effect1 i { padding-left: 4px; transition: all 0.5s; }
.effect1:hover i { padding-left: 12px; }

.testimonial { position: relative; padding-left: 80px; }
    .testimonial::before { left: 0; top: -10px; content: "“"; display: block; font-size: 8rem; line-height: 1; position: absolute; font-family: 'Trebuchet MS'; font-style: italic; }
    .testimonial .testimonial-author { margin-bottom: 12px; }
    .testimonial blockquote { font-size: .875rem; font-style: italic; }
    .testimonial .testimonial-author strong { display: block; }
    .testimonial .testimonial-author span { display: block; font-size: .8rem; }

.btn-rating { font-size: 1.5rem; padding-right: 4px; }
.rating { display: inline-block; position: relative; font-size: smaller; }
    .rating:before { content: "\f005\f005\f005\f005\f005"; }
    .rating:after { position: absolute; left: 0; }
.r-0:before { content: "\f005\f005\f005\f005\f005" !important; }
.r-05:after { content: "\f089\00a0"; }
.r-1:after { content: "\f005"; }
.r-15:after { content: "\f005\f089\00a0"; }
.r-2:after { content: "\f005\f005"; }
.r-25:after { content: "\f005\f005\f089\00a0"; }
.r-3:after { content: "\f005\f005\f005"; }
.r-35:after { content: "\f005\f005\f005\f089\00a0"; }
.r-4:after { content: "\f005\f005\f005\f005"; }
.r-45:after { content: "\f005\f005\f005\f005\f089\00a0"; }
.r-5:after { content: "\f005\f005\f005\f005\f005"; }
.rating-results, .rating-results-total { margin-bottom: 10px; }
    .rating-results .rating-results-item { display: inline-block; padding-left: 10px; }
    .rating-results-total .rating { font-size: 2rem; }

.contact .cmap { width: 100%; }
    .contact .cmap iframe { height: 400px; width: 100%; border: none; margin-bottom: -6px; }

.contact-content p { font-size: 1.05rem; margin-bottom: 1.25rem; }
    .contact-content p i { font-size: 1.25rem; width: 20px; }

.contact-form { padding: 3rem 0; margin-bottom: -40px; }

.ul-sitemap > li > ul { margin-top: 1.5rem; }
.ul-sitemap li { line-height: 1.5rem; position: relative; }
    .ul-sitemap li a { display: inline-block; }
.ul-sitemap ul { margin-left: 1.5rem; margin-bottom: 1.5rem; }
    .ul-sitemap ul li { position: relative; }
        .ul-sitemap ul li::before { content: ""; display: inline-block; width: 3rem; height: 100%; border-left: 1px #ccc solid; position: absolute; top: -0.75rem; }
        .ul-sitemap ul li::before { content: ""; display: inline-block; width: 3rem; height: 1.5rem; border-bottom: 1px #ccc solid; position: absolute; top: -0.75rem; }
        .ul-sitemap ul li a { margin-left: 3.75rem; }

#kvkk { position: fixed; bottom: 0px; left: 50%; z-index: 9999999999; width: 60%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
    #kvkk .kvkk-inner { font-size: .875rem; padding: 15px 20px; border-radius: 4px; margin: 15px; text-align: left; }
    #kvkk .btn { margin: 3px 10px 3px 0 }
        #kvkk .btn:last-child { margin-right: 0; }
    #kvkk a { text-decoration: underline; }

.body-overlay { position: relative; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 999; -ms-flex-order: 2; order: 2; overflow: hidden; }
    .body-overlay:before { z-index: 9999; }
    .body-overlay.explicit:before { opacity: 1 !important }

.error-page { text-align: center; margin-top: 2rem; margin-bottom: 1rem; }
    .error-page h1 { font-size: 9rem; line-height: 9rem; margin-bottom: 2rem; }
    .error-page h2 { margin-bottom: 1rem; }
    .error-page p { margin-bottom: 0; }

.post-content { overflow: hidden; }

.details-img { float: right; width: 44%; margin: 0 0 2rem 2rem; }
.details-img2 { float: left; width: 44%; margin: 0 2rem 2rem 0; }
.details-content { float: left; width: calc(100% - (44% + 2rem)); }
    .details-content table { width: 100%; }
        .details-content table td { padding: 6px 0 }

.product-pdf { font-size: 1.1rem; }
    .product-pdf i { font-size: 2rem; vertical-align: middle; }

.custom-menu-item .custom-menu-item-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: between; -ms-flex-pack: between; justify-content: between; }
    .custom-menu-item .custom-menu-item-details h4,
    .custom-menu-item .custom-menu-item-details strong { white-space: nowrap; }
    .custom-menu-item .custom-menu-item-details .custom-menu-item-line { width: 100%; }

.white, #panel .languages .lang-icon, .right-bar > ul > li > a > img:not(.none) { filter: brightness(0) invert(1); }
.blackandwhite { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ }
    .blackandwhite:hover { filter: none; /* IE6-9 */ -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */ }

#sync1 .img-center { height: 579px; }
#sync2.owl-theme .owl-nav [class*=owl-] { font-size: 1rem; }
#sync2 .img-center { height: 136px; opacity: .5; }
#sync2 .owl-item.active.current .item .img-center { opacity: 1; }
#sync2.owl-carousel .owl-nav:not(.disabled):before, #sync2.owl-carousel .owl-nav:not(.disabled):after { content: ''; display: block; width: 100px; height: 100%; position: absolute; top: 0; z-index: 10; pointer-events: none; }
#sync2.owl-carousel .owl-nav:not(.disabled):before { left: 0; background: linear-gradient(to right,rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%); }
#sync2.owl-carousel .owl-nav:not(.disabled):after { right: 0; background: linear-gradient(to right,rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%); }

.slick-content { margin-bottom: 2rem; }
#slick-sync1 { border: 1px solid #efefef }
.slick-content.vertical #slick-sync1 { width: calc(100% - 230px); float: left; }
#slick-sync1 .list-img, #slick-sync1 .img-center { height: 494px; }

.slick-content.vertical #slick-sync2 { width: 200px; float: right; }
#slick-sync2 .list-img, #slick-sync2 .img-center { height: 111px; border: 1px solid #efefef }
    #slick-sync2 .img-center img { max-height: 70%; }

#slick-sync2 .slick-slide { margin-bottom: 16px; }
#slick-sync2 .slick-list { margin-bottom: -16px; }
#slick-sync2 .slick-active { opacity: 1; }
#slick-sync2 .slick-current { opacity: .5; }

.slick-flex .slick-track { display: flex !important; }
.slick-flex .slick-slide { height: inherit !important; }
    .slick-flex .slick-slide > div { display: flex; height: 100%; }
        .slick-flex .slick-slide > div .item { height: 100% }

.owl-carousel.stage-flex .owl-stage { display: flex }
.owl-carousel.item-padding .cols, .slick-slider.item-padding .cols { padding: 11.25px 11.25px 20px 11.25px; }
.owl-carousel.item-padding .owl-item, .slick-slider.item-padding .slick-slide { margin: 0 !important; }

.owl-carousel .cols, .slick-slider .cols { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; height: 100%; margin-bottom: 0px !important; }
.owl-carousel .cols { padding: 0px; }
    .owl-carousel .cols img { display: inline-block !important; }

.owl-opacity1.owl-theme .owl-nav [class*=owl-], .slick-opacity1 .slick-arrow { opacity: 1; }
    .owl-opacity1.owl-theme .owl-nav [class*=owl-]:hover, .slick-opacity1 .slick-arrow:hover { opacity: .5; }

.custom-nav1.owl-theme .owl-nav [class*=owl-], .custom-nav1 .slick-arrow { font-size: 3rem; line-height: 3rem; padding: 0px; background: initial; }
.custom-nav1.owl-theme .owl-nav button.owl-prev { left: 10px; }
.custom-nav1.owl-theme .owl-nav button.owl-next { right: 10px; }

/*.custom-nav1.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0; }
.custom-nav1.owl-theme .owl-dots { width: auto; bottom: auto; top: 50%; transform: translateY(-50%) translateY(+40px); -ms-transform: translateY(-50%) translateY(+40px); }
	.custom-nav1.owl-theme .owl-dots .owl-dot { display: block; margin-bottom: 12px; }
		.custom-nav1.owl-theme .owl-dots .owl-dot span { margin: 0; }*/

.custom-nav2.owl-theme .owl-nav [class*=owl-] { position: relative; top: auto; left: auto; right: auto; margin-top: 1rem; transform: none; }
.custom-nav2 .slick-arrow { bottom: -2rem; top: auto; right: auto; left: 50%; -webkit-transform: translateX(-50%) translateX(-14px); -ms-transform: translateX(-50%) translateX(-14px); transform: translateX(-50%) translateX(-14px); }
.custom-nav2 .slick-next { margin-left: 28px; }

.custom-nav3.owl-theme .owl-nav button.owl-prev, .custom-nav3 .slick-prev { left: -28px; }
.custom-nav3.owl-theme .owl-nav button.owl-next, .custom-nav3 .slick-next { right: -28px; }

.custom-nav4.owl-theme .owl-nav [class*=owl-], .custom-nav4 .slick-arrow { bottom: 0; top: auto; background: transparent; font-size: 1.7rem; padding: 0; transform: none; }
.custom-nav4.owl-theme .owl-nav button.owl-prev, .custom-nav4 .slick-prev { left: auto; right: 34px; }
.custom-nav4.owl-theme .owl-nav button.owl-next, .custom-nav4 .slick-next { right: 0; }

.custom-nav5.owl-theme .owl-nav [class*=owl-], .custom-nav5 .slick-arrow { font-size: 3rem; color: #c8c8c8; padding: 0px; background: initial; }

.custom-nav6.owl-theme .owl-nav button.owl-prev, .custom-nav6 .slick-prev { left: 0; }
.custom-nav6.owl-theme .owl-nav button.owl-next, .custom-nav6 .slick-next { right: 0; }

.custom-nav7-container { /*position: absolute; bottom: 1rem;*/ position: relative; margin-top: 1rem; display: block; width: 100%; text-align: center; z-index: 99; }
    .custom-nav7-container .custom-nav7 { display: inline-block; }
        .custom-nav7-container .custom-nav7 .slick-dots { bottom: auto; width: auto; }
            .custom-nav7-container .custom-nav7 .slick-dots li { position: relative; }
        .custom-nav7-container .custom-nav7 .slick-arrow { font-size: 2rem; line-height: 2rem; padding: 0px; background: initial; color: initial; }
        .custom-nav7-container .custom-nav7 .slick-prev { float: left; margin-right: 2rem; }
        .custom-nav7-container .custom-nav7 .slick-next { float: right; margin-left: 2rem; }

.dots-bottom-40.owl-theme .owl-dots, .dots-bottom-40 .slick-dots { bottom: 40px; }

.hr-form .sozlesme { padding: 1rem; border: 1px solid; max-height: 200px; overflow: auto; font-size: .875rem; border-radius: .25rem; }
.hr-form .col-form-label { font-weight: 600; }
.hr-form .form-group .dot { width: 16px; display: inline-block; }
    .hr-form .form-group .dot.v2 { width: 21px; }
.fill-form .form-control, .right-col, .fill-form .custom-file, .fill-form .rc-intl-tel-input .intl-tel-input { width: calc(100% - 21px); display: inline-block; }
    .right-col .form-control { width: 100%; display: block; }

.ui-datepicker .ui-datepicker-title select { font-size: .85rem !important; margin: 2px 4px !important; border: 0; padding: 4px !important; }
.ui-widget.ui-widget-content { padding: 5px; border-radius: 0; }
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { text-align: center; font-weight: 400 !important; }
.ui-datepicker th { font-weight: 500; }
.ui-datepicker .ui-datepicker-header { border-radius: 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { border: none; }
.ui-datepicker-year { margin-left: 7px; }
a.ui-datepicker-prev.ui-corner-all span { display: none; }
a.ui-datepicker-prev.ui-corner-all:before { cursor: pointer; right: 4px; height: 11px; width: 11px; margin: -5px 0; content: ''; display: block; pointer-events: none; position: absolute; top: 50%; transform: rotate(130deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
a.ui-datepicker-next.ui-corner-all span { display: none; }
a.ui-datepicker-next.ui-corner-all:before { cursor: pointer; right: 4px; height: 11px; width: 11px; margin: -5px 5px; content: ''; display: block; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { background: 0 0 !important; border: none !important; padding: 0; margin: 0; border-radius: 0; width: 25px !important; }
.ui-widget-header a { cursor: pointer; }

#homepageTop { padding: 4rem 0; position: relative }
    #homepageTop:before { content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; }

.homepage-middle { font-size: 1.45rem; font-weight: 600; }
    .homepage-middle a:hover { text-decoration: none; }
    .homepage-middle h3 { font-size: 2rem; }
    .homepage-middle .item img:not(.none) { object-fit: cover; min-height: 220px; }
    .homepage-middle .caption-content img.none { margin-bottom: 10px; }

.home-kampuste-yasam { background: url(/uploads/editor/kampuste-yasam-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.kampuste-yasam-nav .item { margin-bottom: -1px; border-bottom: 1px solid; text-align: center; display: flex; align-items: center; justify-content: center; }
    .kampuste-yasam-nav .item button { height: 65px; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; position: relative; overflow: hidden; }
        .kampuste-yasam-nav .item button span { position: absolute; font-size: 152px; font-weight: 700; opacity: 0.3; }
        .kampuste-yasam-nav .item button:focus,
        .kampuste-yasam-nav .item button:hover,
        .kampuste-yasam-nav .item button.active { background: url(/uploads/editor/kampuste-tab.png); background-repeat: no-repeat; background-size: cover; background-position: center; }

.kampuste-yasam-nav-content { padding-top: 2rem; padding-bottom: 3rem; }
    .kampuste-yasam-nav-content .h2 { margin-bottom: 1rem; }

.homepage-text { margin-bottom: 1rem; }
    .homepage-text li { position: relative; }
        .homepage-text li .homepage-content { padding: 1rem 1rem 1rem 0; }
            .homepage-text li .homepage-content .h1 { margin-bottom: 1rem; }
        .homepage-text li:nth-child(2n) .homepage-content { padding-right: 0; padding-left: 1rem; }
        .homepage-text li .homepage-content a { display: inline-block; border-radius: 2rem; margin-top: .5rem; }
            .homepage-text li .homepage-content a:hover { text-decoration: none; }
        .homepage-text li .homepage-img { padding: 10px; }
            .homepage-text li .homepage-img img { border: 8px solid #fff; border-radius: 2rem; box-shadow: rgba(0,0,0,.2) 0 0 10px,rgba(0,0,0,.2) 0px 0 0px; }

.homepage-text2 { position: relative; overflow: hidden; }
    .homepage-text2 .homepage-text2-left ul { direction: initial }
        .homepage-text2 .homepage-text2-left ul li { position: relative; cursor: pointer; font-size: 1.5rem; font-weight: 600; }
            .homepage-text2 .homepage-text2-left ul li:not(:last-child) { margin-bottom: 1.5rem; }

    .homepage-text2 .homepage-text2-right { position: relative; }
    .homepage-text2 .homepage-text2-big-slider { position: relative; z-index: 2; }
    .homepage-text2 .homepage-text2-small-slider { position: relative; z-index: 1; }

    .homepage-text2 .hs-item { background-color: #fff; box-shadow: rgba(50, 50, 93, .25) 0 2px 5px -1px, rgba(0, 0, 0, .3) 0 1px 3px -1px; }
        .homepage-text2 .hs-item, .homepage-text2 .hs-item figure, .homepage-text2 .hs-item figure img { border-radius: 2rem; }
    .homepage-text2 .list-img { height: 392px; }
    .homepage-text2 .text { padding: 1.5rem; }

.big-slider .item { padding: 10px; }

.homepage-menus { padding: 4rem 0 2rem 0; position: relative; }
    .homepage-menus:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background-image: url("/uploads/editor/bg1.jpg"); background-repeat: no-repeat; background-size: cover }

.homepage-news { margin-bottom: 4rem; }
.news-slider .slick-dots { bottom: -1.5rem; }

.character { margin-top: .5rem; font-style: italic; font-size: .875rem; }
    .character span { padding: 3px 5px; margin-right: 3px; background: #eee; }

.content-slider-item { margin-bottom: 2rem; }

.contentSlider2 { overflow: hidden; position: relative; z-index: 1; }
    .contentSlider2 .content-slider-img { position: relative; }
    .contentSlider2 .content-slider-content { padding: 2rem 2rem 2rem 0; }
    .contentSlider2:nth-child(2n) .content-slider-content { padding-right: 0; }

.contentSlider3 { text-align: center; font-size: 1.025rem; }
    .contentSlider3 h3 { font-size: 2rem; }
    .contentSlider3 .item img:not(.none) { object-fit: cover; min-height: 220px; }

.right-bar { position: fixed; z-index: 999; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all .3s ease-in-out; }
    .right-bar > ul > li:not(:last-child) { margin-bottom: 6px; }
    .right-bar > ul > li { display: flex; align-items: center; }
        .right-bar > ul > li > button, .right-bar > ul > li > a { transition: 0.4s; width: 150px; display: flex; align-items: center; padding: 1rem; }
        .right-bar > ul > li a:hover { text-decoration: none; opacity: 1; transform: translate(-15px, 0px); }
        .right-bar > ul > li > a > img:not(.none) { max-height: 30px; }
        .right-bar > ul > li > a > strong:not(.none) { text-transform: uppercase; margin-left: 6px; }
        .right-bar > ul > li, .right-bar > ul > li > a { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

            .right-bar > ul > li > .btn-callyou { font-size: 1.15rem; font-weight: 700; letter-spacing: 1px; writing-mode: vertical-rl; text-orientation: mixed; }

    .right-bar > li .social-fixed.social-icons li { display: block; margin-right: 0 !important; }
        .right-bar > li .social-fixed.social-icons li:not(:last-child) { margin-bottom: 10px; }
        .right-bar > li .social-fixed.social-icons li a { display: block; text-align: center; }
            .right-bar > li .social-fixed.social-icons li a i { line-height: 1; }

#to-top { z-index: 9999; display: none; position: fixed; right: 0; bottom: 20px; width: 48px; padding: 1rem 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-size: 1.15rem; line-height: 1.15rem; }

.formresult h1 { text-align: center; }

.de-active-content { text-align: center; margin-bottom: 3rem; }
    .de-active-content i { font-size: 5rem; margin-right: 0; }
    .de-active-content h4 { margin-top: 1.5rem; margin-bottom: 4px; }

.pdf-search { margin: 2rem 0 3rem 0 }
    .pdf-search .form-control { font-weight: 500; }

.fancyboxEvents { min-width: 50%; }
    .fancyboxEvents .events-container { padding: 1rem; }
        .fancyboxEvents .events-container ul li:not(:last-child) { margin-bottom: 1rem; }
        .fancyboxEvents .events-container ul li { padding: 1rem 1.5rem; }
            .fancyboxEvents .events-container ul li .event-item { display: flex; }
                .fancyboxEvents .events-container ul li .event-item:not(:last-child) { margin-bottom: 3px; }
                .fancyboxEvents .events-container ul li .event-item span { width: 130px; }
                .fancyboxEvents .events-container ul li .event-item strong { font-weight: 500 !important; margin-left: 10px; }

.fc .fc-daygrid-event { margin-top: 0; }
.fc .fc-daygrid-event-harness { margin-bottom: 2px; }
.fc-timegrid-event, .fc-timegrid-more-link { border-radius: 0; }
.fc .fc-daygrid-day-bg .fc-non-business { z-index: -1; }
a.fc-event { cursor: pointer !important }
.fc .fc-col-header-cell-cushion { padding: 8px 4px; }
.fc .fc-daygrid-day-number { font-weight: 600; }
.fc .fc-toolbar-title { font-size: 1.53125rem; }
.fc .fc-timegrid-axis-cushion { text-align: center; line-height: 1; }
.fc-direction-ltr .fc-timegrid-slot-label-frame { text-align: center; }

.brd-1 { margin-top: 3rem; border-top: 1.5px solid #f3f3f3; padding-top: 3rem; margin-bottom: 3rem; }

.mezunlar-form { padding: 3rem 0; background-color: #f8f8f8 }

.etwinning .editor-content table { width: 100%; margin-bottom: 2rem; border-spacing: 0; }
    /*	.etwinning .editor-content table td img:not(.none) { width: 100%; }*/

    .etwinning .editor-content table:nth-of-type(2) td,
    .etwinning .editor-content table:nth-of-type(3) td,
    .etwinning .editor-content table:nth-of-type(4) td { width: 33.33%; display: inline-block; text-align: center; vertical-align: top; font-size: .875rem; }

        .etwinning .editor-content table:nth-of-type(2) td strong,
        .etwinning .editor-content table:nth-of-type(3) td strong,
        .etwinning .editor-content table:nth-of-type(4) td strong { display: block; margin-bottom: 1rem; font-weight: 400 !important; padding: 0 12px; }

        .etwinning .editor-content table:nth-of-type(2) td a,
        .etwinning .editor-content table:nth-of-type(3) td a,
        .etwinning .editor-content table:nth-of-type(4) td a { display: block; padding: 0 12px; }

    .etwinning .editor-content table:nth-of-type(2) tr:not(:last-child) td,
    .etwinning .editor-content table:nth-of-type(3) tr:not(:last-child) td,
    .etwinning .editor-content table:nth-of-type(4) tr:not(:last-child) td { padding-bottom: 2rem; }

    .etwinning .editor-content table:nth-of-type(5) td { display: inline-block; padding-right: 1rem; }
        .etwinning .editor-content table:nth-of-type(5) td img { margin-right: 1rem }

.etwinning .editor-content img { object-fit: cover }
.etwinning .editor-content h2 { border-radius: 2rem; font-size: 1.25rem; padding: 12px 1.5rem; margin-bottom: 2rem; }
.etwinning .editor-content h3 { font-size: 1.75rem; margin-bottom: 2rem; }
.etwinning .editor-content hr { margin: 2rem 0; }
.etwinning .editor-content p a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; }

.anaokulu .editor-content table:nth-of-type(1) { margin-top: 2rem; margin-bottom: 2rem; width: 100%; }
    .anaokulu .editor-content table:nth-of-type(1) td { width: 50%; display: inline-block; vertical-align: top; }
        .anaokulu .editor-content table:nth-of-type(1) td img { margin-right: 5px; }
        .anaokulu .editor-content table:nth-of-type(1) td:last-child { text-align: right; }

.etwinning .editor-content h2,
.ap-dersleri .editor-content h2,
.ilkokul .editor-content h2 { border-radius: 2rem; font-size: 1.25rem; padding: 12px 1.5rem; margin-bottom: 2rem; }

.ilkokul .editor-content table { width: 100%; margin-bottom: 2rem; border-spacing: 0; }
    .ilkokul .editor-content table td { vertical-align: top; }
        .ilkokul .editor-content table td:nth-of-type(1) { padding-right: 1.5rem; }
        .ilkokul .editor-content table td:nth-of-type(2) { width: 427px; }

.sinav-content h1, .sinav-content h2, .sinav-content p { margin-bottom: 22px; }
.sinav-content table { width: 100%; }

@media print {
    header, footer, .btn-print, .mobile-bottom, #kvkk, #panel, .search-place, .whatsapp-info, .slide-area, .call-you, .print-none { display: none !important; }
    a[href]:after { content: none !important; }
}